Merged PR 5: update layout

update layout

index.html

@@ -5,7 +5,7 @@
       <meta charset="UTF-8">
       <link rel="icon" href="/favicon.ico">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <title>Sakai Vue</title>
+      <title>Hermione</title>
       <link href="https://cdn.jsdelivr.net/npm/@vetixy/circular-std@1.0.0/dist/index.min.css" rel="stylesheet">
 
 </head>

src/views/pages/ProjectList.vue

@@ -18,6 +18,7 @@
                         v-model="data.search"
                         size="medium"
                         variant="filled"
+                        style="border: 1px solid #a100ff"
                     />
                 </div>
                 <SelectButton v-model="layout" :options="options" :allowEmpty="false" class="layout-switch">

src/views/pages/ScenarioExec.vue

@@ -54,8 +54,8 @@
             <div class="flex justify-center mt-4">
                 <jellyfish-loader :loading="loadingStore.exectuion_loading" scale="1" color="#A100FF" />
             </div> 
-            <div v-if="scenario_response_message && scenario_response_message.includes('-')">
-                <span>{{ scenario_response_message.split('-').join(' ') }}</span>
+            <div v-if="scenario_response_message && scenario_response_message.includes('/')">
+                <span>{{ scenario_response_message }}</span>
             </div>
             <div v-else>
                 Starting execution...