From 901cc09e38ba51bbfd803f350a2757692b03f04e Mon Sep 17 00:00:00 2001
From: Jim McBride <jim.mcbride@gmail.com>
Date: Tue, 9 Dec 2025 08:32:49 -0600
Subject: [PATCH] Align Advanced toggle below Scheduled Backups header

Moved the Advanced (Cron Expression) switch outside the scheduleLoading
conditional and wrapped it in its own Group for proper alignment.

Layout is now:
- Scheduled Backups header with Enabled/Disabled switch
- Advanced (Cron Expression) toggle (aligned left)
- Schedule configuration inputs (conditional based on mode)

This provides clearer visual hierarchy and better UX.
---
 .../src/components/backups/BackupManager.jsx  | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/backups/BackupManager.jsx b/frontend/src/components/backups/BackupManager.jsx
index eb6a93b2..fa48c908 100644
--- a/frontend/src/components/backups/BackupManager.jsx
+++ b/frontend/src/components/backups/BackupManager.jsx
@@ -612,19 +612,20 @@ export default function BackupManager() {
           />
         </Group>
 
+        <Group justify="flex-start">
+          <Switch
+            checked={advancedMode}
+            onChange={(e) => setAdvancedMode(e.currentTarget.checked)}
+            label="Advanced (Cron Expression)"
+            disabled={!schedule.enabled}
+            size="sm"
+          />
+        </Group>
+
         {scheduleLoading ? (
           <Loader size="sm" />
         ) : (
           <>
-            <Switch
-              checked={advancedMode}
-              onChange={(e) => setAdvancedMode(e.currentTarget.checked)}
-              label="Advanced (Cron Expression)"
-              disabled={!schedule.enabled}
-              size="sm"
-              mb="xs"
-            />
-
             {advancedMode ? (
               <>
                 <Stack gap="sm">