Some polish in the backup view

dashboard/src/components/AppArchive.vue

@@ -5,7 +5,7 @@ const i18n = useI18n();
 const t = i18n.t;
 
 import { ref, onMounted, useTemplateRef } from 'vue';
-import { Button, ButtonGroup, FormGroup, TextInput, Dropdown, TableView, InputDialog, Dialog } from 'pankow';
+import { Button, ButtonGroup, InputGroup, FormGroup, TextInput, Dropdown, TableView, InputDialog, Dialog } from 'pankow';
 import { prettyLongDate } from 'pankow/utils';
 import { API_ORIGIN, SECRET_PLACEHOLDER } from '../constants.js';
 import Section from  '../components/Section.vue';
@@ -47,12 +47,12 @@ async function refreshArchives() {
 const inputDialog = useTemplateRef('inputDialog');
 async function onRemove(archive) {
   const yes = await inputDialog.value.confirm({
-    // title: t('backups.deleteArchiveDialog.title',{ appTitle: archive.title, fqdn: archive.fqdn }),
+    title: t('backups.deleteArchiveDialog.title', { appTitle: archive.appConfig?.manifest?.title, fqdn: archive.appConfig?.fqdn }),
     message: t('backups.deleteArchiveDialog.description'),
     modal: true,
     confirmStyle: 'danger',
     confirmLabel: t('backups.deleteArchive.deleteAction'),
-    rejectLabel: t('main.dialog.no')
+    rejectLabel: t('main.dialog.cancel')
   });
 
   if (!yes) return;
@@ -249,19 +249,19 @@ onMounted(async () => {
       <fieldset>
         <FormGroup>
           <label for="locationInput">{{ $t('app.cloneDialog.location') }}</label>
-          <div style="display: flex;">
+          <InputGroup>
             <TextInput id="locationInput" ref="locationInput" v-model="restoreLocation" style="flex-grow: 1;" />
             <Dropdown v-model="restoreDomain" :options="domains" option-label="domain" option-key="domain" />
-          </div>
+          </InputGroup>
         </FormGroup>
 
         <FormGroup v-for="(domain, key) in restoreSecondaryDomains" :key="key">
           <label :for="'secondaryDomainInput-' + key">{{ domain.title }}</label>
           <small>{{ domain.description }}</small>
-          <div style="display: flex;">
+          <InputGroup>
             <TextInput :id="'secondaryDomainInput-' + key" v-model="domain.subdomain" :placeholder="$t('appstore.installDialog.locationPlaceholder')" style="flex-grow: 1;" />
             <Dropdown v-model="domain.domain" :options="domains" option-label="domain" option-key="domain" />
-          </div>
+          </InputGroup>
         </FormGroup>
 
        <!-- <p class="text-small text-warning" ng-show="archiveRestore.domain.provider === 'noop' || archiveRestore.domain.provider === 'manual'" ng-bind-html="'appstore.installDialog.manualWarning' | tr:{ location: ((archiveRestore.subdomain ? archiveRestore.subdomain + '.' : '') + archiveRestore.domain.domain) }"></p> -->