From ad2a47df196b90fab09273ece1578322533d28a1 Mon Sep 17 00:00:00 2001
From: jae <jae@jaeswift.xyz>
Date: Wed, 1 Apr 2026 01:22:29 +0000
Subject: [PATCH] fix: widen admin sections, fix topbar overlap, full-width
 settings/apikeys/lists

---
 css/admin.css | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/css/admin.css b/css/admin.css
index e498db5..ff32184 100644
--- a/css/admin.css
+++ b/css/admin.css
@@ -174,6 +174,8 @@ body {
     grid-column: 2;
     grid-row: 2;
     padding: 2rem;
+    width: 100%;
+    min-width: 0;
     overflow-y: auto;
     max-height: calc(100vh - var(--topbar-h));
     background: var(--bg);
@@ -181,7 +183,8 @@ body {
 
 /* ─── Top Bar ─── */
 .admin-topbar {
-    grid-column: 1 / -1;
+    grid-column: 2;
+    grid-row: 1;
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -372,6 +375,7 @@ body {
 }
 
 .admin-section {
+    width: 100%;
     max-width: 1200px;
 }
 
@@ -1578,7 +1582,7 @@ body {
 
 .backup-card.highlight {
     grid-column: 1 / -1;
-    max-width: 420px;
+    max-width: 800px;
     border-color: var(--accent);
     background: rgba(0, 255, 200, 0.03);
     box-shadow: 0 0 15px rgba(0,255,200,0.06);
@@ -2293,15 +2297,18 @@ body {
 
 /* ─── SETTINGS ─── */
 .settings-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
-    gap: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    width: 100%;
+    max-width: 800px;
 }
 .setting-item {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 0.8rem 1rem;
+    width: 100%;
+    padding: 1rem 1.25rem;
     background: rgba(0,0,0,0.2);
     border: 1px solid rgba(0,255,200,0.06);
     border-radius: 6px;
@@ -2357,6 +2364,8 @@ body {
     display: flex;
     flex-direction: column;
     gap: 0.4rem;
+    width: 100%;
+    max-width: 800px;
     margin-top: 0.8rem;
 }
 .services-manage-list > div,
@@ -2374,6 +2383,8 @@ body {
 
 /* ─── API KEYS ─── */
 .apikey-group {
+    width: 100%;
+    max-width: 800px;
     background: rgba(0,0,0,0.2);
     border: 1px solid rgba(0,255,200,0.08);
     border-radius: 8px;