From 68058e76617567f5ecd500c3f4c7781fb98b8ab6 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Fri, 17 Oct 2025 12:42:22 +0200
Subject: [PATCH] refactor(debug): move encrypt buttons next to decrypt buttons
 for better UX

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

diff --git a/src/components/Debug.tsx b/src/components/Debug.tsx
index 2d0caab6..f7782fd0 100644
--- a/src/components/Debug.tsx
+++ b/src/components/Debug.tsx
@@ -266,8 +266,6 @@ const Debug: React.FC = () => {
             <label className="setting-label">Payload</label>
             <textarea className="textarea w-full" value={payload} onChange={e => setPayload(e.target.value)} rows={3} />
             <div className="flex gap-2 mt-3">
-              <button className="btn btn-primary" onClick={() => doEncrypt('nip44')} disabled={!hasNip44}>Encrypt (NIP-44)</button>
-              <button className="btn btn-secondary" onClick={() => doEncrypt('nip04')} disabled={!hasNip04}>Encrypt (NIP-04)</button>
               <button className="btn btn-secondary" onClick={() => { setCipher44(''); setCipher04(''); setPlain44(''); setPlain04(''); setTEncrypt44(null); setTEncrypt04(null); setTDecrypt44(null); setTDecrypt04(null) }}>Clear</button>
             </div>
           </div>
@@ -278,7 +276,8 @@ const Debug: React.FC = () => {
               <label className="block text-sm opacity-70 mb-2">cipher</label>
               <CodeBox value={cipher44} />
               <div className="flex gap-2 mt-3">
-                <button className="btn btn-secondary" onClick={() => doDecrypt('nip44')} disabled={!cipher44}>Decrypt (NIP-44)</button>
+                <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} />
@@ -289,7 +288,8 @@ const Debug: React.FC = () => {
               <label className="block text-sm opacity-70 mb-2">cipher</label>
               <CodeBox value={cipher04} />
               <div className="flex gap-2 mt-3">
-                <button className="btn btn-secondary" onClick={() => doDecrypt('nip04')} disabled={!cipher04}>Decrypt (NIP-04)</button>
+                <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} />