From 69b5add6344cb2cc97ecbb73d2839019753f05f5 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Fri, 24 Jul 2020 19:55:31 +0200
Subject: [PATCH 1/2] 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.
---
 web_src/less/_base.less | 23 ++++-------------------
 1 file changed, 4 insertions(+), 19 deletions(-)

diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index ee02601676c28..05c2a9b639844 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 */

From e4815a91e51a6f2e0ffb294c644313d5f0bcb69c Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Sat, 25 Jul 2020 00:36:36 +0200
Subject: [PATCH 2/2] fix reaction hover

---
 web_src/less/_repository.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 2277b794c9239..e539f7475cd7f 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;