integrity: center align the indicator

dashboard/src/components/app/Backups.vue

@@ -53,6 +53,7 @@ const columns = ref({
     label: 'Integrity',
     sort: false,
     width: '100px',
+    align: 'center',
   },
   actions: {
     label: '',
@@ -440,11 +441,11 @@ onUnmounted(() => {
       </template>
       <template #integrity="{ item }">
         <Spinner v-if="item.integrityCheckTask?.active" style="min-width: 0;"/>
-        <div v-else-if="item.lastIntegrityCheckTime" style="display: flex; align-items: center;">
+        <div v-else-if="item.lastIntegrityCheckTime" style="display: flex; align-items: center; justify-content: center;">
           <i v-if="item.integrityCheckStatus === 'passed'" class="fa-solid fa-check-circle" v-tooltip="prettyLongDate(item.lastIntegrityCheckTime)"></i>
           <i v-else class="fa-solid fa-times-circle" v-tooltip="prettyLongDate(item.lastIntegrityCheckTime)"></i>
         </div>
-        <div v-else>-</div>
+        <div v-else style="text-align: center;">-</div>
       </template>
       <template #actions="{ item }">
         <ActionBar :actions="createActionMenu(item)"/>