style(settings): move Import next to Export

index.html

@@ -673,6 +673,18 @@
                 </div>
             </div>
 
+            <div class="slideover-field">
+                <div class="slideover-field-label">Import</div>
+                <p style="font-size:12px;color:var(--text-dim);margin:0 0 8px;line-height:1.5">
+                    Import a vault from a JSON export (this app) or a CSV file
+                    (Bitwarden, KeePass, Chrome, 1Password…). Entries are added
+                    to your current vault — duplicates are NOT removed.
+                </p>
+                <button class="btn btn-ghost btn-sm" id="importBtn">
+                    <svg><use href="#i-log-in"/></svg> Import vault
+                </button>
+            </div>
+
             <div class="slideover-field" id="syncField" style="display:none">
                 <div class="slideover-field-label">Sync (WebDAV)</div>
                 <p style="font-size:11px;color:var(--text-faint);margin:0 0 8px;line-height:1.5">
@@ -768,18 +780,6 @@
                 </div>
             </div>
 
-            <div class="slideover-field">
-                <div class="slideover-field-label">Import</div>
-                <p style="font-size:12px;color:var(--text-dim);margin:0 0 8px;line-height:1.5">
-                    Import a vault from a JSON export (this app) or a CSV file
-                    (Bitwarden, KeePass, Chrome, 1Password…). Entries are added
-                    to your current vault — duplicates are NOT removed.
-                </p>
-                <button class="btn btn-ghost btn-sm" id="importBtn">
-                    <svg><use href="#i-log-in"/></svg> Import vault
-                </button>
-            </div>
-
             <div class="slideover-field">
                 <div class="slideover-field-label">Account</div>
                 <div style="display:flex;align-items:center;gap:12px;margin:0 0 10px">