From 491f8084ece0311cb33698d2cc492a3e4bb3ca30 Mon Sep 17 00:00:00 2001
From: SebClem <seb6596@gmail.com>
Date: Fri, 2 Aug 2024 16:07:58 +0200
Subject: [PATCH] Format action section

---
 nextcloud_backup/frontend/package.json        |  2 +-
 nextcloud_backup/frontend/pnpm-lock.yaml      |  8 +++----
 .../components/statusBar/ActionComponent.vue  | 24 +++++++++++++++++--
 3 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/nextcloud_backup/frontend/package.json b/nextcloud_backup/frontend/package.json
index 8132ce1..8bc3ac5 100644
--- a/nextcloud_backup/frontend/package.json
+++ b/nextcloud_backup/frontend/package.json
@@ -9,7 +9,7 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@mdi/font": "7.0.96",
+    "@mdi/font": "7.4.47",
     "core-js": "^3.34.0",
     "ky": "^1.2.0",
     "luxon": "^3.4.4",
diff --git a/nextcloud_backup/frontend/pnpm-lock.yaml b/nextcloud_backup/frontend/pnpm-lock.yaml
index 7bb6658..a18abf1 100644
--- a/nextcloud_backup/frontend/pnpm-lock.yaml
+++ b/nextcloud_backup/frontend/pnpm-lock.yaml
@@ -6,8 +6,8 @@ settings:
 
 dependencies:
   '@mdi/font':
-    specifier: 7.0.96
-    version: 7.0.96
+    specifier: 7.4.47
+    version: 7.4.47
   core-js:
     specifier: ^3.34.0
     version: 3.36.0
@@ -391,8 +391,8 @@ packages:
   /@jridgewell/sourcemap-codec@1.4.15:
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
-  /@mdi/font@7.0.96:
-    resolution: {integrity: sha512-rzlxTfR64hqY8yiBzDjmANfcd8rv+T5C0Yedv/TWk2QyAQYdc66e0kaN1ipmnYU3RukHRTRcBARHzzm+tIhL7w==}
+  /@mdi/font@7.4.47:
+    resolution: {integrity: sha512-43MtGpd585SNzHZPcYowu/84Vz2a2g31TvPMTm9uTiCSWzaheQySUcSyUH/46fPnuPQWof2yd0pGBtzee/IQWw==}
     dev: false
 
   /@nodelib/fs.scandir@2.1.5:
diff --git a/nextcloud_backup/frontend/src/components/statusBar/ActionComponent.vue b/nextcloud_backup/frontend/src/components/statusBar/ActionComponent.vue
index e50d1b3..8925dd1 100644
--- a/nextcloud_backup/frontend/src/components/statusBar/ActionComponent.vue
+++ b/nextcloud_backup/frontend/src/components/statusBar/ActionComponent.vue
@@ -3,8 +3,28 @@
     <v-card-title class="text-center">Action</v-card-title>
     <v-divider class="border-opacity-25"></v-divider>
     <v-card-text>
-      <v-btn color="success" @click="launchBackup">Backup Now</v-btn>
-      <v-btn color="success" @click="launchClean">Clean</v-btn>
+      <v-row>
+        <v-col class="d-flex justify-center">
+          <v-btn
+            block
+            color="success"
+            @click="launchBackup"
+            prepend-icon="mdi-cloud-plus"
+          >
+            Backup Now
+          </v-btn>
+        </v-col>
+        <v-col class="d-flex justify-center">
+          <v-btn
+            block
+            color="orange-darken-3"
+            @click="launchClean"
+            prepend-icon="mdi-broom"
+          >
+            Clean
+          </v-btn>
+        </v-col>
+      </v-row>
     </v-card-text>
   </v-card>
 </template>