From f5b74856c6abe995224091e52e08e2257e663884 Mon Sep 17 00:00:00 2001
From: rouggy <legreg002@hotmail.com>
Date: Thu, 30 Jul 2026 22:01:45 +0200
Subject: [PATCH] fix: the remote-delete switch sits above the service tabs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

It applies to QRZ.com and Club Log both, but it was rendered after the tab
strip — so it read as a QRZ setting when the QRZ tab was open, appeared to
repeat itself on the Club Log tab, and was invisible to anyone opening a third
one.

Above the tabs it belongs to the panel, which is what it actually is.
---
 frontend/src/components/SettingsModal.tsx | 27 +++++++++++++----------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/SettingsModal.tsx b/frontend/src/components/SettingsModal.tsx
index 209aaf1..e003d3a 100644
--- a/frontend/src/components/SettingsModal.tsx
+++ b/frontend/src/components/SettingsModal.tsx
@@ -4223,6 +4223,21 @@ export function SettingsModal({ onClose, onSaved, initialSection, onMainPaneChan
 
         <ProfileScopeNote profile={activeProfileObj} />
 
+        {/* Applies to BOTH services, so it sits above the tab strip rather than
+            inside one tab where it would look like a QRZ-only setting (and be
+            invisible to anyone who only opens the Club Log tab). */}
+        <label className="flex items-start gap-2 text-sm cursor-pointer mb-4 max-w-2xl">
+          <Checkbox
+            checked={!!extSvc.delete_remote}
+            onCheckedChange={(c) => setExtSvc((v) => ({ ...v, delete_remote: !!c }))}
+            className="mt-0.5"
+          />
+          <span>
+            {t('es.deleteRemote')}
+            <span className="block text-xs text-muted-foreground mt-0.5">{t('es.deleteRemoteHint')}</span>
+          </span>
+        </label>
+
         {/* Tab strip */}
         <div className="flex flex-wrap gap-1 border-b border-border mb-4">
           {TABS.map((tab) => (
@@ -4243,18 +4258,6 @@ export function SettingsModal({ onClose, onSaved, initialSection, onMainPaneChan
           ))}
         </div>
 
-        <label className="flex items-start gap-2 text-sm cursor-pointer mb-4 max-w-2xl">
-          <Checkbox
-            checked={!!extSvc.delete_remote}
-            onCheckedChange={(c) => setExtSvc((v) => ({ ...v, delete_remote: !!c }))}
-            className="mt-0.5"
-          />
-          <span>
-            {t('es.deleteRemote')}
-            <span className="block text-xs text-muted-foreground mt-0.5">{t('es.deleteRemoteHint')}</span>
-          </span>
-        </label>
-
         {extSvcTab === 'qrz' ? (
           <div className="space-y-4 max-w-2xl">
             <div className="grid grid-cols-[170px_1fr] gap-3 items-center">