From 6240608678a2e7adb57c5d2cbc82af8da51b8cde Mon Sep 17 00:00:00 2001
From: sboursen-scinote <soufiane@scinote.net>
Date: Wed, 3 Apr 2024 12:58:58 +0200
Subject: [PATCH] Fix for smart annotation in experiments description
 [SCI-10519]

---
 app/javascript/vue/experiments/modals/description.vue    | 4 +++-
 app/javascript/vue/experiments/renderers/description.vue | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/experiments/modals/description.vue b/app/javascript/vue/experiments/modals/description.vue
index d2d581334..31b05ca0e 100644
--- a/app/javascript/vue/experiments/modals/description.vue
+++ b/app/javascript/vue/experiments/modals/description.vue
@@ -10,7 +10,9 @@
             {{ experiment.name }}
           </h4>
         </div>
-        <div class="modal-body" v-html="experiment.sa_description"></div>
+        <div class="modal-body">
+          <div class="[&_.atwho-user-container]:!whitespace-normal" v-html="experiment.sa_description"></div>
+        </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-primary" data-dismiss="modal">{{ i18n.t('general.close') }}</button>
         </div>
diff --git a/app/javascript/vue/experiments/renderers/description.vue b/app/javascript/vue/experiments/renderers/description.vue
index e118c4fe6..f938ac3f4 100644
--- a/app/javascript/vue/experiments/renderers/description.vue
+++ b/app/javascript/vue/experiments/renderers/description.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="group relative flex items-center group-hover:marker text-xs h-full w-full"
        :style="{ lineHeight: 'unset' }">
-    <div class="flex gap-2"
+    <div class="flex gap-2 w-full"
         :style="{ lineHeight: 'unset' }"
         :class="{
                   'items-center text-sm': params.dtComponent.currentViewRender === 'table',