From f704024394a9f74a76b1f3d27811bb8fa7533a13 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 23 Sep 2021 18:45:55 -0500
Subject: [PATCH] Emoji reaction fixes

---
 app/styles/components/detailed-status.scss |  1 +
 app/styles/components/emoji-reacts.scss    | 13 +++++++------
 app/styles/components/status.scss          |  1 +
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/app/styles/components/detailed-status.scss b/app/styles/components/detailed-status.scss
index e057fffc5..8c53e7263 100644
--- a/app/styles/components/detailed-status.scss
+++ b/app/styles/components/detailed-status.scss
@@ -100,6 +100,7 @@
     .emoji-picker-expand {
       display: inline-flex;
       width: 0;
+      height: 0;
       overflow: hidden;
 
       &:focus-within {
diff --git a/app/styles/components/emoji-reacts.scss b/app/styles/components/emoji-reacts.scss
index 68cbc585c..b8152e994 100644
--- a/app/styles/components/emoji-reacts.scss
+++ b/app/styles/components/emoji-reacts.scss
@@ -114,9 +114,7 @@
     &:hover,
     &:focus {
       img {
-        width: 36px;
-        height: 36px;
-        padding: 0;
+        transform: scale(1.2);
       }
     }
   }
@@ -142,6 +140,7 @@
   .icon-button__emoji .emojione {
     width: 20px;
     height: 20px;
+    margin: 0;
   }
 
   svg {
@@ -158,9 +157,11 @@
 .status__action-bar__counter--favourite,
 .detailed-status__button--favourite {
   .svg-icon svg {
-    width: 26px;
-    height: 26px;
-    transform: translateY(-6px);
+    transform: translateY(-1px) scale(1.3);
+
+    &.icon-tabler {
+      stroke-width: 1.4px !important;
+    }
   }
 }
 
diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss
index c3df2cab2..84fc5b257 100644
--- a/app/styles/components/status.scss
+++ b/app/styles/components/status.scss
@@ -709,6 +709,7 @@ a.status-card.compact:hover {
     .emoji-picker-expand {
       display: inline-flex;
       width: 0;
+      height: 0;
       overflow: hidden;
 
       &:focus-within {