From 90e36c45528cc9b74f3a9bb0931fc79269b5d8f3 Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Wed, 8 Oct 2025 10:43:31 +0200
Subject: [PATCH] add more description tags

---
 dashboard/src/components/BackupSiteAddDialog.vue  | 6 +++---
 dashboard/src/components/BackupSiteEditDialog.vue | 2 +-
 dashboard/src/style.css                           | 6 +++++-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/dashboard/src/components/BackupSiteAddDialog.vue b/dashboard/src/components/BackupSiteAddDialog.vue
index 35da2762a..4d0ed46c7 100644
--- a/dashboard/src/components/BackupSiteAddDialog.vue
+++ b/dashboard/src/components/BackupSiteAddDialog.vue
@@ -304,8 +304,8 @@ defineExpose({
 
             <FormGroup>
               <label>{{ $t('backups.configureBackupStorage.backupContents.title') }}</label>
-              <div>{{ $t('backups.configureBackupStorage.backupContents.description') }}</div>
-              <div style="padding-top: 10px">
+              <div description>{{ $t('backups.configureBackupStorage.backupContents.description') }}</div>
+              <div>
                 <Radiobutton v-model="includeExclude" value="everything" :label="$t('backups.configureBackupStorage.backupContents.everything')"/>
                 <Radiobutton v-model="includeExclude" value="exclude" :label="$t('backups.configureBackupStorage.backupContents.excludeSelected')"/>
                 <MultiSelect v-model="contentExclude" v-if="includeExclude === 'exclude'" :options="contentOptions" :search-threshold="10" option-key="id" style="margin: 6px 0 6px 25px;"/>
@@ -316,7 +316,7 @@ defineExpose({
 
             <FormGroup>
               <label>{{ $t('backups.configureBackupStorage.automaticUpdates.title') }}</label>
-              <div>{{ $t('backups.configureBackupStorage.automaticUpdates.description') }}</div>
+              <div description>{{ $t('backups.configureBackupStorage.automaticUpdates.description') }}</div>
               <Checkbox v-model="enableForUpdates" :label="$t('backups.configureBackupStorage.useForUpdates')" />
             </FormGroup>
 
diff --git a/dashboard/src/components/BackupSiteEditDialog.vue b/dashboard/src/components/BackupSiteEditDialog.vue
index 61825f2e8..4453b4e5f 100644
--- a/dashboard/src/components/BackupSiteEditDialog.vue
+++ b/dashboard/src/components/BackupSiteEditDialog.vue
@@ -178,7 +178,7 @@ defineExpose({
 
             <FormGroup>
               <label>{{ $t('backups.configureBackupStorage.automaticUpdates.title') }}</label>
-              <div>{{ $t('backups.configureBackupStorage.automaticUpdates.description') }}</div>
+              <div description>{{ $t('backups.configureBackupStorage.automaticUpdates.description') }}</div>
               <Checkbox v-model="enableForUpdates" :label="$t('backups.configureBackupStorage.useForUpdates')" />
             </FormGroup>
 
diff --git a/dashboard/src/style.css b/dashboard/src/style.css
index ef529584d..40a16d16f 100644
--- a/dashboard/src/style.css
+++ b/dashboard/src/style.css
@@ -135,10 +135,14 @@ a.pankow-breadcrumb-item {
   margin: 8px 0;
 }
 
-.pankow-form-group + .pankow-checkbox, form .pankow-checkbox {
+form .pankow-checkbox {
   margin: 20px 0 8px 0;
 }
 
+.pankow-form-group > .pankow-checkbox {
+  margin: 8px 0;
+}
+
 .pankow-table-header-column {
   border-bottom-color: transparent;
 }