Reduce emoji size (#12317)

* Reduce emoji size

Rendering should now pretty much match GitHub with 1.25em. I verified
that emojis don't increase the line height and removed unecessary size
overrides because now all emojis should appear similar in relation to
the font size.

* fix reaction hover

2 files changed, 5 insertions, 20 deletions

diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index ee02601676..05c2a9b639 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -1224,35 +1224,20 @@ table th[data-sortt-desc] {
 
 .emoji,
 .reaction {
-    font-size: 1.5em;
-    line-height: 1.2;
+    font-size: 1.25em;
+    line-height: 1;
     font-style: normal !important;
     font-weight: normal !important;
-    vertical-align: middle;
-}
-
-#issue-title > .emoji {
-    font-size: 1em;
-}
-
-.commit-summary > .emoji {
-    font-size: 1em;
-}
-
-.label > .emoji {
-    font-size: 1em;
+    vertical-align: -.075em;
 }
 
-.dropdown .emoji {
-    font-size: 1em;
-}
 .emoji img,
 .reaction img {
     border-width: 0 !important;
     margin: 0 !important;
     width: 1em !important;
     height: 1em !important;
-    vertical-align: middle !important;
+    vertical-align: -.15em;
 }
 
 /* https://github.com/go-gitea/gitea/pull/11486 */
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 2277b794c9..e539f7475c 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -2387,7 +2387,7 @@
         .select-reaction {
             display: flex;
             align-items: center;
-            padding: .5rem;
+            padding: 0 .5rem;
 
             &:not(.active) a {
                 display: none;