From fde7c7735ed55e25ec91ac2b5492ae7ee8c19382 Mon Sep 17 00:00:00 2001
From: Werner Kramer <werner.kramer@vortech.nl>
Date: Thu, 25 Apr 2024 14:49:17 +0200
Subject: [PATCH] Use flat buttons

---
 .../download/DataDownloadDisplayComponent.vue    |  2 +-
 .../download/TimeSeriesFileDownloadComponent.vue |  5 ++++-
 src/components/workflows/WorkflowsControl.vue    | 16 ++++++++++------
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/components/download/DataDownloadDisplayComponent.vue b/src/components/download/DataDownloadDisplayComponent.vue
index 06cb59549..d105bd7cb 100644
--- a/src/components/download/DataDownloadDisplayComponent.vue
+++ b/src/components/download/DataDownloadDisplayComponent.vue
@@ -110,10 +110,10 @@
         <v-row class="ma-1">
           <v-col>
             <v-btn
+              variant="flat"
               prepend-icon="mdi-download"
               color="primary"
               @click="downloadData"
-              block
               >Download
             </v-btn>
           </v-col>
diff --git a/src/components/download/TimeSeriesFileDownloadComponent.vue b/src/components/download/TimeSeriesFileDownloadComponent.vue
index 24cc1a8cf..855104d6b 100644
--- a/src/components/download/TimeSeriesFileDownloadComponent.vue
+++ b/src/components/download/TimeSeriesFileDownloadComponent.vue
@@ -32,7 +32,10 @@
         </v-text-field>
       </v-card-text>
       <v-card-actions class="justify-end">
-        <v-btn color="primary" @click="() => downloadFile(fileTypes[fileType])"
+        <v-btn
+          variant="flat"
+          color="primary"
+          @click="() => downloadFile(fileTypes[fileType])"
           >Download</v-btn
         >
         <v-btn @click="() => cancelDialog()">Cancel</v-btn>
diff --git a/src/components/workflows/WorkflowsControl.vue b/src/components/workflows/WorkflowsControl.vue
index 1dc1c6dad..3ac94f77d 100644
--- a/src/components/workflows/WorkflowsControl.vue
+++ b/src/components/workflows/WorkflowsControl.vue
@@ -54,12 +54,14 @@
           :config="JsonFormsConfig"
           @change="onFormChange"
         />
-        <div class="d-flex flex-column">
-          <v-btn color="success" class="mt-4" block @click="startWorkflow">
-            Start
-          </v-btn>
-        </div>
       </v-container>
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn variant="flat" color="primary" @click="startWorkflow">
+          Run
+        </v-btn>
+        <v-btn @click="() => (workflowDialog = false)">Cancel</v-btn>
+      </v-card-actions>
     </v-card>
   </v-dialog>
 
@@ -341,7 +343,9 @@ async function startWorkflow() {
         : getRunTaskFilter()
 
     await workflowsStore.startWorkflow(workflowType, filter)
-    showSuccessMessage('Workflow submitted successfully. Monitor task progress using System Monitor.')
+    showSuccessMessage(
+      'Workflow submitted successfully. Monitor task progress using System Monitor.',
+    )
   } catch (error) {
     showErrorMessage((error as Error).message)
   }