Format action section

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",

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:

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>