From 244872e9f25e4b994f7247d360de66bd9f7d4aba Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Fri, 17 Oct 2025 12:36:36 +0200
Subject: [PATCH] style(debug): move debug logs controls below the log output

---
 src/components/Debug.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/Debug.tsx b/src/components/Debug.tsx
index caab2ffe..a696f20e 100644
--- a/src/components/Debug.tsx
+++ b/src/components/Debug.tsx
@@ -265,18 +265,6 @@ const Debug: React.FC = () => {
         {/* Debug Logs Section */}
         <div className="settings-section">
           <h3 className="section-title">Debug Logs</h3>
-          <div className="flex gap-2 items-center mb-3">
-            <label className="flex items-center gap-2 cursor-pointer">
-              <input
-                type="checkbox"
-                checked={debugEnabled}
-                onChange={toggleDebug}
-                className="checkbox"
-              />
-              <span className="text-sm">Show all applesauce debug logs</span>
-            </label>
-            <button className="btn btn-secondary" onClick={() => setLogs([])}>Clear logs</button>
-          </div>
           <div className="text-sm opacity-70 mb-3">Recent NIP-46 activity</div>
           <div className="max-h-64 overflow-y-auto font-mono text-xs leading-relaxed">
             {logs.length === 0 ? (
@@ -292,6 +280,18 @@ const Debug: React.FC = () => {
               ))
             )}
           </div>
+          <div className="flex gap-2 items-center mt-3">
+            <label className="flex items-center gap-2 cursor-pointer">
+              <input
+                type="checkbox"
+                checked={debugEnabled}
+                onChange={toggleDebug}
+                className="checkbox"
+              />
+              <span className="text-sm">Show all applesauce debug logs</span>
+            </label>
+            <button className="btn btn-secondary" onClick={() => setLogs([])}>Clear logs</button>
+          </div>
         </div>
       </div>