From bfce02ae6badb1afd0be358dd3dfaab5993e3929 Mon Sep 17 00:00:00 2001
From: r-zakarya <82443831+r-zakarya@users.noreply.github.com>
Date: Fri, 10 Jul 2026 12:19:22 +0100
Subject: [PATCH] style(settings): move Import next to Export

---
 index.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 9918d6c..97b4083 100644
--- a/index.html
+++ b/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">