g

app.js

@@ -1129,6 +1129,8 @@ function closeUserPanel() {
   if (codeEl) codeEl.textContent = "—";
   const copyBtn = document.getElementById("acct-affiliate-copy-btn");
   if (copyBtn) copyBtn.style.display = "none";
+  // reset to Content tab
+  switchAccountTab("content");
 }
 
 function toggleAccountPwSave(value) {

index.html

@@ -812,19 +812,9 @@
         >
             <div class="modal account-modal">
                 <div class="modal-header">
+                    <div class="modal-header-row">
                         <span class="modal-title">Account Settings</span>
-                    <button
+                        <div class="modal-header-tabs">
-                        type="button"
-                        class="modal-close-btn"
-                        onclick="closeUserPanel()"
-                    >
-                        &#x2715;
-                    </button>
-                </div>
-                <div class="account-modal-body">
-                    <!-- ── Left: settings ───────────────────────── -->
-                    <div class="account-col account-col--settings">
-                        <div class="acct-settings-tabs">
                             <button
                                 type="button"
                                 class="acct-settings-tab active"
@@ -842,7 +832,18 @@
                                 Affiliate Settings
                             </button>
                         </div>
-
+                        <button
+                            type="button"
+                            class="modal-close-btn"
+                            onclick="closeUserPanel()"
+                        >
+                            &#x2715;
+                        </button>
+                    </div>
+                </div>
+                <div class="account-modal-body">
+                    <!-- ── Left: settings ───────────────────────── -->
+                    <div class="account-col account-col--settings">
                         <!-- ── Content tab ─────────────────────── -->
                         <div
                             id="acct-tabpanel-content"

styles.css

@@ -1480,31 +1480,33 @@ body::after {
     flex-direction: column;
 }
 
-.account-col--settings {
+.modal-header-row {
-    width: 260px;
+    display: flex;
-    flex-shrink: 0;
+    align-items: center;
-    padding: 18px 20px;
+    width: 100%;
+    gap: 12px;
 }
 
-.acct-settings-tabs {
+.modal-header-row .modal-title {
+    flex-shrink: 0;
+}
+
+.modal-header-tabs {
     display: flex;
     gap: 0;
-    margin-bottom: 16px;
+    flex: 1;
-    border-bottom: 1px solid var(--border);
+    justify-content: center;
-    padding-bottom: 8px;
 }
 
 .acct-settings-tab {
-    flex: 1;
     background: none;
     border: none;
     color: var(--text-muted);
     font-family: inherit;
     font-size: 12px;
-    padding: 6px 8px;
+    padding: 6px 14px;
     cursor: pointer;
     transition: color 0.15s;
-    text-align: center;
 }
 
 .acct-settings-tab:hover {
@@ -1515,6 +1517,16 @@ body::after {
     color: var(--accent);
 }
 
+.modal-header-row .modal-close-btn {
+    flex-shrink: 0;
+}
+
+.account-col--settings {
+    width: 260px;
+    flex-shrink: 0;
+    padding: 18px 20px;
+}
+
 .acct-tab-content {
     display: flex;
     flex-direction: column;