Use flat buttons

Deltares · Apr 30, 2024 · fde7c77 · fde7c77
1 parent 63bfafb
commit fde7c77
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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)
   }