setup/restore: fix alignment

2025-09-09 15:55:01 +02:00
parent f3855b6548
commit d7c1a8f7ae
2 changed files with 38 additions and 5 deletions
@@ -246,11 +246,27 @@ onMounted(async () => {
          </fieldset>
        </form>

-        <div style="margin-top: 1.5em">
+        <div class="actions">
          <Button @click="onSubmit()" :disabled="busy || !isFormValid" :loading="busy">Next</Button>
-          <a href="/restore.html" style="margin-left: 10px;">Looking to restore?</a>
+          <a class="restore" href="/restore.html">Looking to restore?</a>
        </div>
      </div>
    </Transition>
  </div>
 </template>
+
+<style scoped>
+
+.actions {
+  margin-top: 1.5em;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.actions .restore {
+  margin-top: 1em;
+  font-size: 0.9em;
+}
+
+</style>