From 8baf5ca22814878334844c435bf8dd59349f5a69 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Sat, 25 Jul 2020 11:55:34 +0200
Subject: [PATCH] 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
---
 web_src/less/_base.less       | 23 ++++-------------------
 web_src/less/_repository.less |  2 +-
 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;
+    vertical-align: -.075em;
 }
 
-#issue-title > .emoji {
-    font-size: 1em;
-}
-
-.commit-summary > .emoji {
-    font-size: 1em;
-}
-
-.label > .emoji {
-    font-size: 1em;
-}
-
-.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;