l

index.html

@@ -812,10 +812,7 @@
         >
             <div class="modal account-modal">
                 <div class="modal-header">
-                    <div
+                    <div class="auth-switch">
-                        class="auth-switch"
-                        style="position: static; margin: 0"
-                    >
                         <button
                             type="button"
                             id="acct-tab-settings"
@@ -974,27 +971,6 @@
                                 </div>
                             </div>
                             <div class="acct-divider"></div>
-                            <div class="acct-section">
-                                <div class="acct-field-label">
-                                    Affiliate Code
-                                </div>
-                                <div class="acct-affiliate-row">
-                                    <span
-                                        class="acct-affiliate-code"
-                                        id="acct-affiliate-code"
-                                        >—</span
-                                    >
-                                    <button
-                                        type="button"
-                                        id="acct-affiliate-copy-btn"
-                                        class="btn btn-ghost btn-sm"
-                                        onclick="copyAffiliateCode()"
-                                        style="display: none"
-                                    >
-                                        Copy Affiliate Link
-                                    </button>
-                                </div>
-                            </div>
                         </div>
                         <!-- ── Vertical divider ──────────────────────── -->
                         <div class="account-col-divider"></div>
@@ -1029,10 +1005,41 @@
                         style="display: none"
                     >
                         <div
-                            class="account-col account-col--invoices"
+                            class="account-col"
-                            style="flex: 1"
+                            style="
+                                flex: 1;
+                                padding: 18px 20px;
+                                overflow-y: auto;
+                            "
                         >
-                            <div class="acct-invoices-toolbar">
+                            <!-- Affiliate Code -->
+                            <div class="acct-section">
+                                <div class="acct-field-label">
+                                    Affiliate Code
+                                </div>
+                                <div class="acct-affiliate-row">
+                                    <span
+                                        class="acct-affiliate-code"
+                                        id="acct-affiliate-code"
+                                        >—</span
+                                    >
+                                    <button
+                                        type="button"
+                                        id="acct-affiliate-copy-btn"
+                                        class="btn btn-ghost btn-sm"
+                                        onclick="copyAffiliateCode()"
+                                        style="display: none"
+                                    >
+                                        Copy Affiliate Link
+                                    </button>
+                                </div>
+                            </div>
+                            <div class="acct-divider"></div>
+                            <!-- Affiliate Links Table -->
+                            <div
+                                class="acct-invoices-toolbar"
+                                style="margin-top: 2px"
+                            >
                                 <div class="acct-invoices-title">
                                     Affiliate Links
                                 </div>

styles.css

@@ -1453,6 +1453,28 @@ body::after {
     display: flex;
     align-items: center;
     justify-content: space-between;
+    padding: 14px 18px;
+}
+
+.account-modal .modal-header .auth-switch {
+    flex: 1;
+    margin: 0;
+    background: transparent;
+    border: none;
+    padding: 0;
+    display: flex;
+    gap: 0;
+}
+
+.account-modal .modal-header .auth-switch-btn {
+    white-space: nowrap;
+    padding: 8px 12px;
+}
+
+.account-modal .modal-header .auth-switch-btn.active {
+    background: var(--bg-inner);
+    border: 1px solid var(--border);
+    box-shadow: none;
 }
 
 .modal-close-btn {
@@ -1472,7 +1494,7 @@ body::after {
 
 .account-modal-body {
     display: flex;
-    min-height: 320px;
+    height: 420px;
 }
 
 .account-pane {