From dd021e85709e5173f6753b188db424729374db3d Mon Sep 17 00:00:00 2001
From: multiple creatures <dev@multiple-creature.party>
Date: Fri, 17 May 2019 10:19:16 -0500
Subject: [PATCH] fix hover-to-play emoji clipping

---
 .../flavours/glitch/styles/components/accounts.scss           | 2 ++
 .../flavours/glitch/styles/components/composer.scss           | 2 ++
 app/javascript/flavours/glitch/styles/components/status.scss  | 4 ++++
 3 files changed, 8 insertions(+)

diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss
index c0340e3f8..ddcce1218 100644
--- a/app/javascript/flavours/glitch/styles/components/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/components/accounts.scss
@@ -556,6 +556,8 @@
         height: 22px;
       }
 
+      .hoverplay:hover { padding-left: 22px }
+
       h1 {
         font-size: 16px;
         line-height: 24px;
diff --git a/app/javascript/flavours/glitch/styles/components/composer.scss b/app/javascript/flavours/glitch/styles/components/composer.scss
index fcf1ba907..24531c068 100644
--- a/app/javascript/flavours/glitch/styles/components/composer.scss
+++ b/app/javascript/flavours/glitch/styles/components/composer.scss
@@ -212,6 +212,8 @@
     height: 20px;
     margin: -5px 0 0;
   }
+
+  .hoverplay:hover { padding-left: 20px }
 }
 
 .emoji-picker-dropdown {
diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss
index 0ca167173..1b9fbc905 100644
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@@ -22,6 +22,8 @@
     margin: -3px 0 0;
   }
 
+  .hoverplay:hover { padding-left: 20px }
+
   p, pre, blockquote {
     margin-bottom: 20px;
     white-space: pre-wrap;
@@ -545,6 +547,8 @@
       height: 24px;
       margin: -1px 0 0;
     }
+
+    .hoverplay:hover { padding-left: 24px }
   }
 
   .video-player {