From 946d62552fdd94d6297c3d3356adbb8e47ad666d Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Thu, 6 Jul 2023 18:41:41 +0530
Subject: [PATCH] feat: update dismiss layout

---
 .../conversation/LabelSuggestion.vue          | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/app/javascript/dashboard/components/widgets/conversation/conversation/LabelSuggestion.vue b/app/javascript/dashboard/components/widgets/conversation/conversation/LabelSuggestion.vue
index 364958385..59c55206c 100644
--- a/app/javascript/dashboard/components/widgets/conversation/conversation/LabelSuggestion.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/conversation/LabelSuggestion.vue
@@ -26,10 +26,22 @@
               "
             />
           </button>
-        </div>
-        <div>
           <woot-button
-            v-if="preparedLabels.length > 1"
+            v-if="preparedLabels.length === 1"
+            v-tooltip.top="{
+              content: $t('LABEL_MGMT.SUGGESTIONS.TOOLTIP.DISMISS'),
+              delay: { show: 600, hide: 0 },
+              hideOnClick: true,
+            }"
+            variant="smooth"
+            class="label--add"
+            icon="dismiss"
+            size="tiny"
+            @click="dismissSuggestions"
+          />
+        </div>
+        <div v-if="preparedLabels.length > 1">
+          <woot-button
             variant="smooth"
             class="label--add"
             icon="add"
@@ -298,6 +310,9 @@ export default {
 
   .label-suggestion--options {
     text-align: right;
+    display: flex;
+    align-items: center;
+    gap: var(--space-micro);
 
     button.label-suggestion--option {
       .label {