From 28dd646d862f18b858ace1926d0dc748ea1eeeec Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Mon, 25 Mar 2024 11:24:21 +0100
Subject: [PATCH] Small issues in tags modal [SCI-10514]

---
 app/javascript/vue/my_modules/list.vue        | 3 ++-
 app/javascript/vue/my_modules/modals/tags.vue | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/my_modules/list.vue b/app/javascript/vue/my_modules/list.vue
index 7186fa044..05844d216 100644
--- a/app/javascript/vue/my_modules/list.vue
+++ b/app/javascript/vue/my_modules/list.vue
@@ -166,7 +166,8 @@ export default {
       field: 'tags',
       headerName: this.i18n.t('experiments.table.column.tags_html'),
       sortable: true,
-      cellRenderer: TagsRenderer
+      cellRenderer: TagsRenderer,
+      minWidth: 180
     });
     columns.push({
       field: 'comments',
diff --git a/app/javascript/vue/my_modules/modals/tags.vue b/app/javascript/vue/my_modules/modals/tags.vue
index 0cfc72844..e1710acec 100644
--- a/app/javascript/vue/my_modules/modals/tags.vue
+++ b/app/javascript/vue/my_modules/modals/tags.vue
@@ -21,7 +21,7 @@
             <h5>{{ i18n.t("experiments.canvas.modal_manage_tags.project_tags", { project: this.projectName }) }}</h5>
           </div>
           <div class="max-h-80 overflow-y-auto" v-click-outside="finishEditMode">
-            <template v-for="tag in allTags" :key="tag.id">
+            <template v-for="tag in sortedAllTags" :key="tag.id">
               <div
                   class="flex items-center gap-3 px-3 py-2.5 group"
                   :class="{
@@ -184,6 +184,9 @@ export default {
     },
     canManage() {
       return this.params.permissions.manage_tags;
+    },
+    sortedAllTags() {
+      return this.allTags.sort((a, b) => b.assigned - a.assigned);
     }
   },
   created() {