From ec8adcc794f632b170f72060f137f201a03daabb Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Fri, 17 Oct 2025 12:43:06 +0200
Subject: [PATCH] refactor(debug): move plaintext display below buttons for
 better visual flow

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

diff --git a/src/components/Debug.tsx b/src/components/Debug.tsx
index f7782fd0..12ddc5fa 100644
--- a/src/components/Debug.tsx
+++ b/src/components/Debug.tsx
@@ -278,9 +278,11 @@ const Debug: React.FC = () => {
               <div className="flex gap-2 mt-3">
                 <button className="btn btn-primary" onClick={() => doEncrypt('nip44')} disabled={!hasNip44}>Encrypt</button>
                 <button className="btn btn-secondary" onClick={() => doDecrypt('nip44')} disabled={!cipher44}>Decrypt</button>
-                <span className="text-sm opacity-70">Plain:</span>
               </div>
-              <CodeBox value={plain44} />
+              <div className="mt-3">
+                <span className="text-sm opacity-70">Plain:</span>
+                <CodeBox value={plain44} />
+              </div>
             </div>
 
             <div className="setting-group">
@@ -290,9 +292,11 @@ const Debug: React.FC = () => {
               <div className="flex gap-2 mt-3">
                 <button className="btn btn-primary" onClick={() => doEncrypt('nip04')} disabled={!hasNip04}>Encrypt</button>
                 <button className="btn btn-secondary" onClick={() => doDecrypt('nip04')} disabled={!cipher04}>Decrypt</button>
-                <span className="text-sm opacity-70">Plain:</span>
               </div>
-              <CodeBox value={plain04} />
+              <div className="mt-3">
+                <span className="text-sm opacity-70">Plain:</span>
+                <CodeBox value={plain04} />
+              </div>
             </div>
           </div>
         </div>