From 812c8e501609468b95c1301c7d9775ae3ae0b517 Mon Sep 17 00:00:00 2001
From: Bobban Rydh <bobban@tooweb.se>
Date: Sun, 6 Sep 2026 02:43:09 +0200
Subject: [PATCH] centered content and fixed missing footer

---
 frontend/src/App.css | 20 +++++++++++++-------
 frontend/src/App.js  | 24 +++++++++++-------------
 2 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 64daacc..37625e3 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -169,8 +169,12 @@ body {
 }
 
 /* When no sidebar is present (Dashboard, Secrets, IPAM) */
+.layout.no-sidebar {
+  justify-content: center;
+}
 .layout.no-sidebar .main {
-  max-width: 1200px;
+  max-width: 1100px;
+  width: 100%;
 }
 
 /* ===== Sidebar ===== */
@@ -213,20 +217,22 @@ body {
   text-overflow: ellipsis;
 }
 
-.sidebar-footer {
-  margin-top: auto;
-  padding: 12px 10px;
+/* ===== Global app footer ===== */
+.app-footer {
+  background: var(--surface);
+  border-top: 1px solid var(--border);
+  padding: 10px 24px;
   font-size: 12px;
   color: var(--text-muted);
   text-align: center;
+  flex-shrink: 0;
 }
 
-.sidebar-footer a {
+.app-footer a {
   color: var(--accent);
   text-decoration: none;
 }
-
-.sidebar-footer a:hover { text-decoration: underline; }
+.app-footer a:hover { text-decoration: underline; }
 
 .sidebar-footer-link {
   background: none;
diff --git a/frontend/src/App.js b/frontend/src/App.js
index 2466fdc..579ae0a 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -272,9 +272,6 @@ function AppShell({ currentUser, onLogout }) {
               </div>
             )}
 
-            <div className="sidebar-footer">
-              By <a href="https://bobbantech.com" target="_blank" rel="noreferrer">bobbantech</a>
-            </div>
           </aside>
         )}
 
@@ -297,16 +294,6 @@ function AppShell({ currentUser, onLogout }) {
               ))}
             </div>
 
-            <div className="sidebar-footer">
-              By <a href="https://bobbantech.com" target="_blank" rel="noreferrer">bobbantech</a>
-              {' · '}
-              <button
-                className="sidebar-footer-link"
-                onClick={() => window.dispatchEvent(new CustomEvent('show-privacy'))}
-              >
-                Privacy
-              </button>
-            </div>
           </aside>
         )}
 
@@ -387,6 +374,17 @@ function AppShell({ currentUser, onLogout }) {
         </main>
       </div>
 
+      <footer className="app-footer">
+        By <a href="https://bobbantech.com" target="_blank" rel="noreferrer">bobbantech</a>
+        {' · '}
+        <button
+          className="sidebar-footer-link"
+          onClick={() => window.dispatchEvent(new CustomEvent('show-privacy'))}
+        >
+          Privacy
+        </button>
+      </footer>
+
       {confirmDelete && (
         <ConfirmDialog
           title="Delete DNS Record"