From d8400ec5fd8b35386d540b8c034c01605ee3f6cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Thu, 15 Nov 2018 16:13:50 +0100
Subject: [PATCH] Fix popover position
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/components/Composer.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/Composer.vue b/src/components/Composer.vue
index e93529ae..3c17d2ad 100644
--- a/src/components/Composer.vue
+++ b/src/components/Composer.vue
@@ -47,7 +47,7 @@
 			</div>
 			<emoji-picker @emoji="insert" :search="search">
 				<div slot="emoji-invoker" slot-scope="{ events }" v-on="events">
-					<button type="button" v-tooltip="'Insert emoji'">😄</button>
+					<button class="emoji-invoker" type="button" v-tooltip="'Insert emoji'">😄</button>
 				</div>
 				<div slot="emoji-picker" slot-scope="{ emojis, insert, display }" class="emoji-picker popovermenu">
 					<div>
@@ -121,15 +121,17 @@
 		flex-direction: row-reverse;
 	}
 
+	.options > div {
+		position: relative;
+	}
+
 	.options button {
 		width: 34px;
 		height: 34px;
 	}
 
 	.emoji-invoker {
-		background-size: 16px;
-		background-position: center;
-		background-repeat: no-repeat;
+		text-indent: -3px;
 	}
 	.emoji-picker.popovermenu {
 		display: block;