From f402ac67b39cd5feabaff26d0643742ff8c38fec Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 20 May 2020 16:52:32 -0500
Subject: [PATCH] Emoji chooser hover state

---
 app/styles/gabsocial/components/emoji-reacts.scss | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/app/styles/gabsocial/components/emoji-reacts.scss b/app/styles/gabsocial/components/emoji-reacts.scss
index 486741d04..3b989b52b 100644
--- a/app/styles/gabsocial/components/emoji-reacts.scss
+++ b/app/styles/gabsocial/components/emoji-reacts.scss
@@ -59,7 +59,7 @@
   bottom: 100%;
   display: flex;
   background-color: #fff;
-  padding: 8px;
+  padding: 5px 8px;
   border-radius: 9999px;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
   opacity: 0;
@@ -68,13 +68,24 @@
 
   &__emoji {
     display: block;
-    padding: 0 2px;
+    padding: 0;
+    margin: 0;
     border: 0;
     background: transparent;
 
     img {
       width: 30px;
       height: 30px;
+      padding: 3px;
+      transition: 0.1s;
+    }
+
+    &:hover {
+      img {
+        width: 36px;
+        height: 36px;
+        padding: 0;
+      }
     }
   }
 }