From c426ee27c4cb9bc47f9c8edabad975d9c3c820ca Mon Sep 17 00:00:00 2001
From: sboursen-scinote <soufiane@scinote.net>
Date: Wed, 17 Apr 2024 12:00:46 +0200
Subject: [PATCH 1/2] Fix various css issues for experiment canvas [SCI-10568]

---
 app/assets/stylesheets/experiment/canvas.scss | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/app/assets/stylesheets/experiment/canvas.scss b/app/assets/stylesheets/experiment/canvas.scss
index 9009dffcf..5099d877d 100644
--- a/app/assets/stylesheets/experiment/canvas.scss
+++ b/app/assets/stylesheets/experiment/canvas.scss
@@ -12,6 +12,12 @@
 
   .panel-heading {
     padding: 7px 30px 7px 15px;
+
+    .panel-title {
+      align-items: center;
+      display: flex;
+      height: 100%;
+    }
   }
 
   .panel-body {
@@ -97,4 +103,18 @@
       grid-template-columns: 1fr;
     }
   }
+
+  .bootstrap-select .dropdown-toggle:focus {
+    outline: none !important;
+  }
+
+  .filter-option-inner {
+    height: 100%;
+
+    .filter-option-inner-inner {
+      align-items: center;
+      display: flex;
+      height: 100%;
+    }
+  }
 }

From ba47c75ee45c36908b4b40aa65f28bd986665f12 Mon Sep 17 00:00:00 2001
From: sboursen-scinote <soufiane@scinote.net>
Date: Wed, 17 Apr 2024 17:08:33 +0200
Subject: [PATCH 2/2] Fix various css issues for experiment canvas and table
 [SCI-10568]

---
 .../vue/my_modules/renderers/tags.vue           | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/app/javascript/vue/my_modules/renderers/tags.vue b/app/javascript/vue/my_modules/renderers/tags.vue
index 9a0fb86f9..51665405a 100644
--- a/app/javascript/vue/my_modules/renderers/tags.vue
+++ b/app/javascript/vue/my_modules/renderers/tags.vue
@@ -1,15 +1,16 @@
 <template>
   <div class="flex items-center gap-1.5 h-9 mt-0.5">
     <template v-if="params.data.tags.length > 0 || params.data.permissions.manage_tags">
-      <div v-if="params.data.tags.length > 0"
-           class="h-6 px-1.5 flex items-center rounded text-white max-w-[150px]"
-           :style="{'background': params.data.tags[0].color}">
-        <div class="truncate">{{ params.data.tags[0].name }}</div>
-      </div>
-      <GeneralDropdown v-if="params.data.tags.length > 1" >
+      <GeneralDropdown v-if="params.data.tags.length > 0">
         <template v-slot:field>
-          <div class="h-6 min-w-[24px] text-sn-dark-grey flex items-center justify-center rounded-full text-[.625rem]
-                    bg-sn-light-grey border !border-sn-sleepy-grey cursor-pointer">
+          <div
+              class="h-6 px-1.5 inline-flex items-center rounded text-white max-w-[150px]"
+              :style="{'background': params.data.tags[0].color}">
+            <div class="truncate">{{ params.data.tags[0].name }}</div>
+          </div>
+          <div v-if="params.data.tags.length > 1"
+               class="h-6 min-w-[24px] text-sn-dark-grey inline-flex items-center justify-center rounded-full text-[.625rem]
+                      ml-1.5 bg-sn-light-grey border !border-sn-sleepy-grey cursor-pointer">
             <span>+{{ params.data.tags.length - 1 }}</span>
           </div>
         </template>