From 496174a04f8160bf96a10e98e1043c1f280f0ab9 Mon Sep 17 00:00:00 2001
From: Emanuele Ferrelli <emanuele.ferrelli@accenture.com>
Date: Mon, 3 Mar 2025 16:24:10 +0100
Subject: [PATCH] Update Draft label

---
 src/assets/tailwind.css          |  4 ++--
 src/views/pages/ScenarioList.vue | 11 +++++------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/assets/tailwind.css b/src/assets/tailwind.css
index e0f80af..a734097 100644
--- a/src/assets/tailwind.css
+++ b/src/assets/tailwind.css
@@ -8,6 +8,6 @@
 .editor ol, .md-editor-preview ol{ 
     list-style-type: decimal !important;
   }
-.editor .md-editor-preview{
-    word-break: break-word;
+.editor, .md-editor-preview{
+    word-break: break-word !important;
   }
diff --git a/src/views/pages/ScenarioList.vue b/src/views/pages/ScenarioList.vue
index da1ebe4..b144e70 100644
--- a/src/views/pages/ScenarioList.vue
+++ b/src/views/pages/ScenarioList.vue
@@ -58,13 +58,12 @@
                         <div class="p-4 flex flex-col flex-grow">
                             <h3 class="text-lg font-medium text-gray-900 dark:text-gray-100">{{ item.name }}</h3>
                             <p class="text-sm font-medium text-gray-500 dark:text-gray-400 mt-2">{{ item.description }}</p>
-                            <div v-if="item.visible==='DRAFT'" class="text-xs font-semibold text-white bg-purple-600 px-2 py-1 rounded-md inline-flex items-center justify-center w-auto mt-2">
-  {{ item.visible }}
-                            </div>
-
                         </div>
-                        <div class="p-2 border-t border-gray-200 dark:border-gray-700 flex justify-end">
-                            <Button @click="executeScenario(item.id)" size="small" label="Load" class="flex-auto md:flex-initial text-white">
+                        <div class="p-2 border-t border-gray-200 dark:border-gray-700 flex justify-between items-center w-full">
+                            <div v-if="item.visible==='DRAFT'" class="text-xs font-semibold text-white bg-purple-400 px-2 py-1 inline-flex items-center justify-center w-auto">
+                                {{ item.visible }}
+                            </div>
+                            <Button @click="executeScenario(item.id)" size="small" label="Load" class="ml-auto flex-initial text-white">
                                 <ChevronRightIcon class="w-6 h-5 text-white transition-transform transform hover:translate-x-1"/>
                             </Button>
                         </div>