From 3dc0e17a7ebaec1efd92a963aa7d60758a2a0763 Mon Sep 17 00:00:00 2001
From: sboursen-scinote <soufiane@scinote.net>
Date: Tue, 26 Mar 2024 12:37:48 +0100
Subject: [PATCH] Center experiment description for tables [SCI-10519]

---
 app/javascript/vue/experiments/renderers/description.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/experiments/renderers/description.vue b/app/javascript/vue/experiments/renderers/description.vue
index a1ddc212b..07321ce25 100644
--- a/app/javascript/vue/experiments/renderers/description.vue
+++ b/app/javascript/vue/experiments/renderers/description.vue
@@ -1,6 +1,10 @@
 <template>
-  <div class="group relative flex items-center group-hover:marker text-xs">
-    <div class="flex items-end gap-2">
+  <div class="group relative flex items-center group-hover:marker text-xs h-full w-full">
+    <div class="flex gap-2"
+        :class="{
+                  'items-center': params.dtComponent.currentViewRender === 'table',
+                  'items-end': params.dtComponent.currentViewRender === 'cards'
+                }">
       <span v-if="shouldTruncateText"
             class="cursor-pointer grow"
             :class="{