fix unaligned icons in menu

dimdenGD · Sep 17, 2023 · 2da8564 · 2da8564
1 parent 95acbca
commit 2da8564
Show file tree

Hide file tree

Showing 13 changed files with 26 additions and 243 deletions.
diff --git a/layouts/bookmarks/style.css b/layouts/bookmarks/style.css
@@ -465,28 +465,6 @@ body {
     user-select: none
 }
 
-.tweet-interact span {
-    color: var(--light-gray);
-    cursor: pointer;
-    display: inline-block;
-    font-size: 12px;
-    font-weight: 700;
-    margin-left: 6px;
-    margin-right: 20px;
-    position: relative;
-    text-decoration: none;
-    top: -2px
-}
-
-.tweet-interact span:before {
-    -webkit-font-smoothing: antialiased;
-    color: #ccd6dd;
-    cursor: pointer;
-    font: 400 16px var(--icon-font);;
-    margin-right: 10px;
-    vertical-align: sub
-}
-
 .tweet-interact-reply:before {
     content: "\f151"
 }

diff --git a/layouts/header/style.css b/layouts/header/style.css
@@ -1466,6 +1466,30 @@ span.tweet-body-text {
     text-align: center;
     width: 43px
 }
+.tweet-interact span {
+    color: var(--light-gray);
+    cursor: pointer;
+    display: inline-block;
+    font-size: 12px;
+    font-weight: 700;
+    margin-left: 6px;
+    margin-right: 20px;
+    position: relative;
+    text-decoration: none;
+    top: -2px
+}
+
+.tweet-interact span:before {
+    -webkit-font-smoothing: antialiased;
+    color: #ccd6dd;
+    cursor: pointer;
+    font: 400 16px var(--icon-font);;
+    margin-right: 10px;
+    vertical-align: sub;
+    display: inline-block;
+    min-width: 16px;
+}
+
 .tweet-view-self-thread-div {
     bottom: 35px;
     position: relative

diff --git a/layouts/history/style.css b/layouts/history/style.css
@@ -465,28 +465,6 @@ body {
     user-select: none
 }
 
-.tweet-interact span {
-    color: var(--light-gray);
-    cursor: pointer;
-    display: inline-block;
-    font-size: 12px;
-    font-weight: 700;
-    margin-left: 6px;
-    margin-right: 20px;
-    position: relative;
-    text-decoration: none;
-    top: -2px
-}
-
-.tweet-interact span:before {
-    -webkit-font-smoothing: antialiased;
-    color: #ccd6dd;
-    cursor: pointer;
-    font: 400 16px var(--icon-font);;
-    margin-right: 10px;
-    vertical-align: sub
-}
-
 .tweet-interact-reply:before {
     content: "\f151"
 }

diff --git a/layouts/home/style.css b/layouts/home/style.css
@@ -258,28 +258,6 @@ body {
     user-select: none
 }
 
-.tweet-interact span {
-    color: var(--light-gray);
-    cursor: pointer;
-    display: inline-block;
-    font-size: 12px;
-    font-weight: 700;
-    margin-left: 6px;
-    margin-right: 20px;
-    position: relative;
-    text-decoration: none;
-    top: -2px
-}
-
-.tweet-interact span:before {
-    -webkit-font-smoothing: antialiased;
-    color: #ccd6dd;
-    cursor: pointer;
-    font: 400 16px var(--icon-font);;
-    margin-right: 10px;
-    vertical-align: sub
-}
-
 .tweet-interact-reply:before {
     content: "\f151"
 }

diff --git a/layouts/itl/style.css b/layouts/itl/style.css
@@ -463,28 +463,6 @@ body {
     user-select: none
 }
 
-.tweet-interact span {
-    color: var(--light-gray);
-    cursor: pointer;
-    display: inline-block;
-    font-size: 12px;
-    font-weight: 700;
-    margin-left: 6px;
-    margin-right: 20px;
-    position: relative;
-    text-decoration: none;
-    top: -2px
-}
-
-.tweet-interact span:before {
-    -webkit-font-smoothing: antialiased;
-    color: #ccd6dd;
-    cursor: pointer;
-    font: 400 16px var(--icon-font);;
-    margin-right: 10px;
-    vertical-align: sub
-}
-
 .tweet-interact-reply:before {
     content: "\f151"
 }

diff --git a/layouts/lists/style.css b/layouts/lists/style.css
@@ -276,28 +276,6 @@ body {
     user-select: none
 }
 
-.tweet-interact span {
-    color: var(--light-gray);
-    cursor: pointer;
-    display: inline-block;
-    font-size: 12px;
-    font-weight: 700;
-    margin-left: 6px;
-    margin-right: 20px;
-    position: relative;
-    text-decoration: none;
-    top: -2px
-}
-
-.tweet-interact span:before {
-    -webkit-font-smoothing: antialiased;
-    color: #ccd6dd;
-    cursor: pointer;
-    font: 400 16px var(--icon-font);;
-    margin-right: 10px;
-    vertical-align: sub
-}
-
 .tweet-interact-reply:before {
     content: "\f151"
 }

diff --git a/layouts/notifications/style.css b/layouts/notifications/style.css
@@ -263,28 +263,6 @@ body {
     user-select: none
 }
 
-.tweet-interact span {
-    color: var(--light-gray);
-    cursor: pointer;
-    display: inline-block;
-    font-size: 12px;
-    font-weight: 700;
-    margin-left: 6px;
-    margin-right: 20px;
-    position: relative;
-    text-decoration: none;
-    top: -2px
-}
-
-.tweet-interact span:before {
-    -webkit-font-smoothing: antialiased;
-    color: #ccd6dd;
-    cursor: pointer;
-    font: 400 16px var(--icon-font);;
-    margin-right: 10px;
-    vertical-align: sub
-}
-
 .tweet-interact-reply:before {
     content: "\f151"
 }

diff --git a/layouts/profile/style.css b/layouts/profile/style.css
@@ -242,14 +242,15 @@ body {
     text-decoration: none
 }
 
-.tweet-interact span:before,
 #profile-settings-div span:before {
     -webkit-font-smoothing: antialiased;
     margin-right: 10px;
     color: #ccd6dd;
     cursor: pointer;
     vertical-align: sub;
     font: 400 16px var(--icon-font);
+    min-width: 16px;
+    display: inline-block
 }
 
 .tweet-interact-reply:before {

diff --git a/layouts/search/style.css b/layouts/search/style.css
@@ -267,28 +267,6 @@ body {
     user-select: none
 }
 
-.tweet-interact span {
-    color: var(--light-gray);
-    cursor: pointer;
-    display: inline-block;
-    font-size: 12px;
-    font-weight: 700;
-    margin-left: 6px;
-    margin-right: 20px;
-    position: relative;
-    text-decoration: none;
-    top: -2px
-}
-
-.tweet-interact span:before {
-    -webkit-font-smoothing: antialiased;
-    color: #ccd6dd;
-    cursor: pointer;
-    font: 400 16px var(--icon-font);;
-    margin-right: 10px;
-    vertical-align: sub
-}
-
 .tweet-interact-reply:before {
     content: "\f151"
 }

diff --git a/layouts/settings/style.css b/layouts/settings/style.css
@@ -504,28 +504,6 @@ select, input, textarea {
     user-select: none
 }
 
-.tweet-interact span {
-    color: var(--light-gray);
-    cursor: pointer;
-    display: inline-block;
-    font-size: 12px;
-    font-weight: 700;
-    margin-left: 6px;
-    margin-right: 20px;
-    position: relative;
-    text-decoration: none;
-    top: -2px
-}
-
-.tweet-interact span:before {
-    -webkit-font-smoothing: antialiased;
-    color: #ccd6dd;
-    cursor: pointer;
-    font: 400 16px var(--icon-font);;
-    margin-right: 10px;
-    vertical-align: sub
-}
-
 .tweet-interact-reply:before {
     content: "\f151"
 }

diff --git a/layouts/topics/style.css b/layouts/topics/style.css
@@ -479,28 +479,6 @@ body {
     user-select: none
 }
 
-.tweet-interact span {
-    color: var(--light-gray);
-    cursor: pointer;
-    display: inline-block;
-    font-size: 12px;
-    font-weight: 700;
-    margin-left: 6px;
-    margin-right: 20px;
-    position: relative;
-    text-decoration: none;
-    top: -2px
-}
-
-.tweet-interact span:before {
-    -webkit-font-smoothing: antialiased;
-    color: #ccd6dd;
-    cursor: pointer;
-    font: 400 16px var(--icon-font);;
-    margin-right: 10px;
-    vertical-align: sub
-}
-
 .tweet-interact-reply:before {
     content: "\f151"
 }

diff --git a/layouts/tweet/style.css b/layouts/tweet/style.css
@@ -276,28 +276,6 @@ body {
     user-select: none
 }
 
-.tweet-interact span {
-    color: var(--light-gray);
-    cursor: pointer;
-    display: inline-block;
-    font-size: 12px;
-    font-weight: 700;
-    margin-left: 6px;
-    margin-right: 20px;
-    position: relative;
-    text-decoration: none;
-    top: -2px
-}
-
-.tweet-interact span:before {
-    -webkit-font-smoothing: antialiased;
-    color: #ccd6dd;
-    cursor: pointer;
-    font: 400 16px var(--icon-font);;
-    margin-right: 10px;
-    vertical-align: sub
-}
-
 .tweet-interact-reply:before {
     content: "\f151"
 }

diff --git a/layouts/unfollows/style.css b/layouts/unfollows/style.css
@@ -259,28 +259,6 @@ body {
     user-select: none
 }
 
-.tweet-interact span {
-    color: var(--light-gray);
-    cursor: pointer;
-    display: inline-block;
-    font-size: 12px;
-    font-weight: 700;
-    margin-left: 6px;
-    margin-right: 20px;
-    position: relative;
-    text-decoration: none;
-    top: -2px
-}
-
-.tweet-interact span:before {
-    -webkit-font-smoothing: antialiased;
-    color: #ccd6dd;
-    cursor: pointer;
-    font: 400 16px var(--icon-font);;
-    margin-right: 10px;
-    vertical-align: sub
-}
-
 .tweet-interact-reply:before {
     content: "\f151"
 }