Indent background signature details.

strukturag · Jul 23, 2024 · 7885b4c · 7885b4c
1 parent 7e0aef8
commit 7885b4c
Showing 1 changed file with 27 additions and 16 deletions.
diff --git a/src/components/AdminSettings/InstanceSettings.vue b/src/components/AdminSettings/InstanceSettings.vue
@@ -35,23 +35,25 @@
 				@update:checked="debounceUpdateBackgroundVerify">
 				{{ t('certificate24', 'Verify document signatures in the background.') }}
 			</NcCheckboxRadioSwitch>
-			<div v-if="settings.last_verified">
-				{{ t('certificate24', 'Last verification: {timestamp}', {
-					timestamp: formatDate(settings.last_verified),
-				}) }}
+			<div class="radioswitch-details">
+				<div v-if="settings.last_verified">
+					{{ t('certificate24', 'Last verification: {timestamp}', {
+						timestamp: formatDate(settings.last_verified),
+					}) }}
+				</div>
+				<div v-else>
+					{{ t('certificate24', 'Last verification: none yet') }}
+				</div>
+				<div v-if="settings.unverified_count !== null">
+					{{ t('certificate24', 'Number of pending verifications: {count}', {
+						count: settings.unverified_count,
+					}) }}
+				</div>
+				<NcButton :disabled="clearing"
+					@click="clearVerification">
+					{{ t('certificate24', 'Clear verification cache') }}
+				</NcButton>
 			</div>
-			<div v-else>
-				{{ t('certificate24', 'Last verification: none yet') }}
-			</div>
-			<div v-if="settings.unverified_count !== null">
-				{{ t('certificate24', 'Number of pending verifications: {count}', {
-					count: settings.unverified_count,
-				}) }}
-			</div>
-			<NcButton :disabled="clearing"
-				@click="clearVerification">
-				{{ t('certificate24', 'Clear verification cache') }}
-			</NcButton>
 		</div>
 		<div>
 			<NcCheckboxRadioSwitch :checked.sync="settings.send_reminder_mails"
@@ -191,3 +193,12 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.radioswitch-details {
+	--icon-width: 36px;
+	--icon-height: 16px;
+	margin-left: calc(4px + var(--icon-width));
+	padding-left: calc((var(--default-clickable-area) - var(--icon-height)) / 2);
+}
+</style>