From 01a9d6c3dba8ec8a8e5a70a2cfb5320822800335 Mon Sep 17 00:00:00 2001
From: Zac Gaetano <zgaetano@wilddragon.net>
Date: Thu, 21 May 2026 16:40:28 -0400
Subject: [PATCH] settings.html: remove orphan sidebar-footer + duplicate /nav;
 use main flex wrapper

---
 services/web-ui/public/settings.html | 36 +++++++---------------------
 1 file changed, 9 insertions(+), 27 deletions(-)
diff --git a/services/web-ui/public/settings.html b/services/web-ui/public/settings.html
index a901d26..323005c 100644
--- a/services/web-ui/public/settings.html
+++ b/services/web-ui/public/settings.html
@@ -7,6 +7,7 @@
   <title>Settings — Z-AMPP</title>
   <link rel="stylesheet" href="/dist/app.css">
   <style>
+    body { margin: 0; }
     .settings-layout {
       display: flex;
       flex-direction: column;
@@ -178,7 +179,7 @@
   </style>
 </head>
 <body>
-<div class="wd-shell">
+<div class="wd-shell" style="display:flex;min-height:100vh;">
   <nav class="wd-sidebar" aria-label="Main navigation">
     <div class="wd-sidebar-header">
       <img src="img/dragon-logo.png?v=1" alt="Wild Dragon" style="width:18px;height:18px;">
@@ -253,29 +254,11 @@
     </div>
   </nav>
 
-  <div class="sidebar-footer">
-      <div class="sidebar-user">
-        <div class="sidebar-user-avatar" id="userAvatar">?</div>
-        <div class="sidebar-user-info">
-          <div class="sidebar-user-name" id="userName">—</div>
-          <div class="sidebar-user-role" id="userRole"></div>
-        </div>
-        <button class="btn btn-ghost" id="logoutBtn" title="Sign out" style="padding:0;width:24px;height:24px;flex-shrink:0;">
-          <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" width="14" height="14"><path d="M10 8H3M6 5l-3 3 3 3"/><path d="M7 3h5a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H7"/></svg>
-        </button>
-      </div>
-    </div>
-  </nav>
-
-  <div class="main">
-    <header class="topbar">
-      <div class="topbar-left">
-        <span class="page-title">Settings</span>
-      </div>
+  <main style="flex:1;min-width:0;overflow:auto;padding:20px 24px 32px;">
+    <header style="display:flex;align-items:center;height:48px;border-bottom:1px solid var(--border-faint);margin:0 -24px 20px;padding:0 24px;">
+      <span style="font:600 14px/1 var(--font);color:var(--text-primary);letter-spacing:-0.005em;">Settings</span>
     </header>
-
-    <div class="page-content">
-      <div class="settings-layout">
+    <div class="settings-layout">
 
         <!-- ── S3 / Object Storage ───────────────────────────────────── -->
         <div class="settings-section">
@@ -511,10 +494,9 @@
           </div>
         </div>
 
-      </div><!-- /settings-layout -->
-    </div><!-- /page-content -->
-  </div><!-- /main -->
-</div><!-- /shell -->
+    </div><!-- /settings-layout -->
+  </main>
+</div><!-- /wd-shell -->
 
 <div class="toast-container" id="toastContainer" aria-live="polite"></div>
 
