g

styles.css

@@ -1480,31 +1480,33 @@ body::after {
     flex-direction: column;
 }
 
-.account-col--settings {
-    width: 260px;
-    flex-shrink: 0;
-    padding: 18px 20px;
+.modal-header-row {
+    display: flex;
+    align-items: center;
+    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;
-    border-bottom: 1px solid var(--border);
-    padding-bottom: 8px;
+    flex: 1;
+    justify-content: center;
 }
 
 .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;