From 69b1f254975efe384dd1211043e7639341773a9c Mon Sep 17 00:00:00 2001
From: eris <femmediscord@gmail.com>
Date: Fri, 5 Aug 2022 23:53:05 +0000
Subject: [PATCH] Fix emoji picker issues, add header

---
 src/components/emoji_input/emoji_input.vue    | 3 ++-
 src/components/emoji_picker/emoji_picker.scss | 6 +++++-
 src/components/emoji_picker/emoji_picker.vue  | 1 +
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/emoji_input/emoji_input.vue b/src/components/emoji_input/emoji_input.vue
index 078253c2..b04f74c3 100644
--- a/src/components/emoji_input/emoji_input.vue
+++ b/src/components/emoji_input/emoji_input.vue
@@ -88,9 +88,10 @@
     }
   }
   .emoji-picker-panel {
-    position: absolute;
+    position: relative;
     z-index: 20;
     margin-top: 2px;
+    top: 0px !important;
 
     &.hide {
       display: none
diff --git a/src/components/emoji_picker/emoji_picker.scss b/src/components/emoji_picker/emoji_picker.scss
index ac7b8b5d..f410abeb 100644
--- a/src/components/emoji_picker/emoji_picker.scss
+++ b/src/components/emoji_picker/emoji_picker.scss
@@ -56,7 +56,11 @@
 
   .heading {
     margin-top: 10px;
-    height: 4.8em;
+    height: 5.8em;
+  }
+
+  .emoji-header {
+    margin-left: 5px;
   }
 
   .content {
diff --git a/src/components/emoji_picker/emoji_picker.vue b/src/components/emoji_picker/emoji_picker.vue
index 00ffb9d2..a800b170 100644
--- a/src/components/emoji_picker/emoji_picker.vue
+++ b/src/components/emoji_picker/emoji_picker.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="emoji-picker panel panel-default panel-body">
     <div class="heading">
+      <span class="emoji-header">Emoji Packs</span>
       <span
         class="emoji-tabs"
         @wheel="onWheel"