From 3085c5e5b9118681a70f3d0c1b104571e44a5215 Mon Sep 17 00:00:00 2001
From: Ashley <iamashley@duck.com>
Date: Fri, 23 Dec 2022 11:38:49 +0000
Subject: [PATCH] new css files for mobile

---
 css/mobile.css | 76 +++++++++++++++++++++++++++++++-------------------
 1 file changed, 48 insertions(+), 28 deletions(-)

diff --git a/css/mobile.css b/css/mobile.css
index d72c21fa..6d2b4ce3 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -3,10 +3,12 @@ body {
   overflow-x: hidden; /* Hide horizontal scrollbar */
   color: #111111;
 }
+
 html,
 body {
   overflow-x: hidden;
 }
+
 body {
   position: relative;
 }
@@ -30,7 +32,7 @@ body {
 .v-chip:not(.v-chip--outlined).warning {
   color: #fff;
 }
- 
+
 .theme--light.v-chip {
   border-color: rgba(0, 0, 0, 0.12);
   color: rgba(0, 0, 0, 0.87);
@@ -254,7 +256,7 @@ body {
 }
 
 .new-button {
-  background:  #0009;
+  background: #0009;
   border-radius: 2em;
   padding-right: 1em;
   display: flex;
@@ -377,7 +379,27 @@ body {
 
   --channel-info-background: #181818;
   --channel-contents-background: #0f0f0f;
+
+  /* text */
+  --text-link: #0ab7f0 !important;
+  --text-link-visited: #00c0ff;
+  --text-color: #ffffff;
+  --text-font-primary: "PokeTube Flex";
+  --text-header-weight: 1000;
+
+  /* Divs */
+  --div-gradient: linear-gradient(
+    135deg,
+    #f97794 10%,
+    #623aa2 100%,
+    #8e6f7e 100%
+  );
+  --div-border-color: #7c44a0;
+  --div-prim-bg: #1c1c1c;
+  --div-second-bg: #1a1a1a;
+  --div-transparent-bg: #0009;
 }
+
 @font-face {
   font-family: "Ginto Nord";
   font-weight: 800;
@@ -464,7 +486,7 @@ a {
   margin: 0;
   background: #000;
   border-top: none;
-  border-radius: 23px;
+  border-radius: 4px;
   height: 100%;
 }
 #set-language {
@@ -511,13 +533,15 @@ a {
 body {
   position: relative;
 }
+
 #desc-container {
   position: absolute;
-  margin-top: -19.4em;
+  margin-top: -18.9em;
   left: 0;
   width: 100%;
   height: 100%;
 }
+
 #language-container .backtotop a {
   position: absolute;
   width: 100%;
@@ -571,7 +595,7 @@ body {
   margin: 0;
   background: #000;
   border-top: none;
-  border-radius: 23px;
+  border-radius: 4px;
   height: 100%;
 }
 #set-language {
@@ -628,7 +652,7 @@ body {
 }
 #comments-container {
   position: absolute;
-  margin-top: -19.4em;
+  margin-top: -18.9em;
   left: 0;
   width: 100%;
   height: 100%;
@@ -708,7 +732,7 @@ body {
   margin: 0;
   background: #000;
   border-top: none;
-  border-radius: 23px;
+  border-radius: 4px;
   height: 100%;
 }
 #set-language {
@@ -765,7 +789,7 @@ body {
 }
 #more-button-container {
   position: absolute;
-  margin-top: -19.4em;
+  margin-top: -18.9em;
   left: 0;
   width: 100%;
   height: 100%;
@@ -2036,25 +2060,21 @@ h3 {
   font-stretch: ultra-expanded !important;
 }
 
+.tags {
+  display: flex;
+  flex-direction: row;
+  overflow-x: auto;
+  column-gap: 3px;
+}
 
+.tag {
+  background: #333;
+  padding: 5px;
+  border-radius: 4px;
+  word-break: break-all;
+  white-space: nowrap;
+}
 
-:root {
-  /* text */
-  --text-link: #0ab7f0 !important;
-  --text-link-visited: #00c0ff;
-  --text-color: #ffffff;
-  --text-font-primary: "PokeTube Flex";
-  --text-header-weight: 1000;
-
-  /* Divs */
-  --div-gradient: linear-gradient(
-    135deg,
-    #f97794 10%,
-    #623aa2 100%,
-    #8e6f7e 100%
-  );
-  --div-border-color: #7c44a0;
-  --div-prim-bg: #1c1c1c;
-  --div-second-bg: #1a1a1a;
-  --div-transparent-bg: #0009;
-}
\ No newline at end of file
+ptd-custom-more {
+  color: #ffffff;
+}