From 0645e59c0251e23dabaef18e6ba0166534921372 Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Mon, 20 Oct 2025 13:41:41 +0200
Subject: [PATCH] Tags CSS fixes [SCI-12437]

---
 app/assets/stylesheets/tailwind/tags.css      |  4 ++++
 app/javascript/vue/shared/datatable/table.vue |  2 ++
 app/javascript/vue/shared/tags_modal.vue      | 10 ++++++----
 app/javascript/vue/tags/renderers/name.vue    |  4 +---
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/tailwind/tags.css b/app/assets/stylesheets/tailwind/tags.css
index b51513951..735baa40f 100644
--- a/app/assets/stylesheets/tailwind/tags.css
+++ b/app/assets/stylesheets/tailwind/tags.css
@@ -15,6 +15,10 @@
     @apply cursor-pointer;
   }
 
+  .sci-tag .sn-icon.sn-icon-close:hover {
+    @apply text-white bg-sn-black rounded-full;
+  }
+
   .sci-tag.disabled {
     @apply opacity-40 cursor-not-allowed;
   }
diff --git a/app/javascript/vue/shared/datatable/table.vue b/app/javascript/vue/shared/datatable/table.vue
index 408550f4f..2007e6c61 100644
--- a/app/javascript/vue/shared/datatable/table.vue
+++ b/app/javascript/vue/shared/datatable/table.vue
@@ -357,6 +357,8 @@ export default {
         this.gridApi.setRowData(
           [values, ...this.rowData]
         );
+
+        document.querySelector('.ag-body-viewport').scrollTop = 0;
       }
     },
     reloadingTable() {
diff --git a/app/javascript/vue/shared/tags_modal.vue b/app/javascript/vue/shared/tags_modal.vue
index 0d5f62dad..4525af875 100644
--- a/app/javascript/vue/shared/tags_modal.vue
+++ b/app/javascript/vue/shared/tags_modal.vue
@@ -19,7 +19,7 @@
               <div v-for="tag in allTags" :key="tag.id"
                    class="rounded py-2 cursor-pointer hover:bg-sn-super-light-grey px-3 flex items-center gap-2"
                    :class="{'!bg-sn-super-light-blue': tagInEdit == tag.id }">
-                <div v-if="canAssign" @click="linkTag(tag)">
+                <div v-if="canAssign" @click="linkTag(tag)" class="h-4">
                   <div class="sci-checkbox-container pointer-events-none" >
                     <input type="checkbox" :checked="tags.find(t => t.id === tag.id)" class="sci-checkbox" />
                     <span class="sci-checkbox-label"></span>
@@ -57,9 +57,11 @@
                 <i v-if="canDelete && newTagsCreated.includes(tag.id)" @click="deleteTag(tag)" class="ml-auto sn-icon sn-icon-delete"></i>
               </div>
             </div>
-            <div class="flex items-center gap-2 text-xs cursor-pointer px-2 py-2" v-if="canCreate && !addingNewTag" @click="startAddingNewTag">
-              <i class="sn-icon sn-icon-new-task"></i>
-              {{ i18n.t('tags.manage_modal.create_tag') }}
+            <div>
+              <div class="btn btn-light btn-black" v-if="canCreate && !addingNewTag" @click="startAddingNewTag">
+                <i class="sn-icon sn-icon-new-task"></i>
+                {{ i18n.t('tags.manage_modal.create_tag') }}
+              </div>
             </div>
             <div v-if="addingNewTag" class="flex items-center gap-2 bg-sn-super-light-blue py-2 px-3 rounded">
               <div class="sci-checkbox-container pointer-events-none" >
diff --git a/app/javascript/vue/tags/renderers/name.vue b/app/javascript/vue/tags/renderers/name.vue
index 912442a34..161c69086 100644
--- a/app/javascript/vue/tags/renderers/name.vue
+++ b/app/javascript/vue/tags/renderers/name.vue
@@ -11,9 +11,7 @@
         @keydown.enter="saveName"
         @keydown.escape="cancelEditing"
         @keydown="handleKeydown"
-        v-model="tagName"
-        @blur="saveName"
-        @change="saveName" />
+        v-model="tagName" />
       <div v-if="error" class="text-xs text-sn-alert-passion">{{ error }}</div>
     </template>
   </div>