mobile style fixes

dimdenGD · Sep 24, 2023 · cdad6f4 · cdad6f4
1 parent 5c22653
commit cdad6f4
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 13 deletions.
diff --git a/layouts/header/style.css b/layouts/header/style.css
@@ -3072,6 +3072,9 @@ video::-internal-media-controls-overlay-cast-button {
     .navbar-new-tweet-modal {
         top: 33%;
     }
+    #navbar-tweet-button:before {
+        color: white;
+    }
 
     /* workaround for stretching profile timelines */
     .tweet .tweet-header-name {

diff --git a/layouts/profile/style.css b/layouts/profile/style.css
@@ -1859,7 +1859,7 @@ body.body-old-ui .user-item-btn.follow:before {
     #tweet-to:before{
         content: var(--at-icon);
         font-family: var(--icon-font);
-        color: var(--background-color);
+        color: white;
         font-size: 20px;
         vertical-align: -60%;
         padding-right:20px;
@@ -1891,6 +1891,20 @@ body.body-old-ui .user-item-btn.follow:before {
         padding-right: 7px;
     }
 }
+@media screen and (max-width: 430px){
+    #tweet-nav-replies > .pc-text {
+        display: none;
+    }
+    #tweet-nav-replies > .mobile-text {
+        display: inline;
+    }
+    #tweet-nav-media > .pc-text {
+        display: none;
+    }
+    #tweet-nav-media > .mobile-text {
+        display: inline;
+    }
+}
 
 @media screen and (max-width: 400px) {
 
@@ -1911,18 +1925,6 @@ body.body-old-ui .user-item-btn.follow:before {
     #profile-name {
         font-size: 20px;
     }
-    #tweet-nav-replies>.pc-text{
-        display: none;
-    }
-    #tweet-nav-replies>.mobile-text{
-        display: inline;
-    }
-    #tweet-nav-media>.pc-text{
-        display: none;
-    }
-    #tweet-nav-media>.mobile-text{
-        display: inline;
-    }
 }
 @media screen and (max-width: 320px) {
     #tweet-nav > a,