From 0c1c5496311570dcdd968eb9ee8e8f48a8873f52 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Thu, 4 Jun 2020 20:46:21 +0300
Subject: [PATCH] Fix tooltip width to remove its clipping

---
 src/views/emojiPacks/index.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/views/emojiPacks/index.vue b/src/views/emojiPacks/index.vue
index 20bfe6ce..52568b01 100644
--- a/src/views/emojiPacks/index.vue
+++ b/src/views/emojiPacks/index.vue
@@ -7,7 +7,7 @@
     <div class="emoji-header-container">
       <div class="emoji-packs-header-button-container">
         <el-button type="primary" class="reload-emoji-button" @click="reloadEmoji">{{ $t('emoji.reloadEmoji') }}</el-button>
-        <el-tooltip :content="$t('emoji.importEmojiTooltip')" effects="dark" placement="bottom" class="import-pack-button">
+        <el-tooltip :content="$t('emoji.importEmojiTooltip')" effects="dark" placement="bottom" popper-class="import-pack-button">
           <el-button type="primary" @click="importFromFS">
             {{ $t('emoji.importPacks') }}
           </el-button>
@@ -191,6 +191,8 @@ export default {
 }
 .import-pack-button {
   margin-left: 10px;
+  width: 30%;
+  max-width: 700px;
 }
 h1 {
   margin: 0;
@@ -255,6 +257,9 @@ h1 {
       width: fit-content;
     }
   }
+  .import-pack-button {
+    width: 90%;
+  }
   .reload-emoji-button {
     width: fit-content;
   }