From 6f0a1592450073e8a08c12431811c08313013e44 Mon Sep 17 00:00:00 2001
From: hobokenchicken <dustin@dustin.coffee>
Date: Thu, 19 Mar 2026 13:45:55 -0400
Subject: [PATCH] fix: resolve login visibility issues and improve sidebar
 layout

Corrected element ID mismatches between index.html and auth.js. Improved sidebar CSS to handle collapsed state and logo visibility correctly.
---
 static/css/dashboard.css |  7 ++++++-
 static/index.html        | 14 ++++++--------
 static/js/auth.js        |  6 +++---
 3 files changed, 15 insertions(+), 12 deletions(-)
diff --git a/static/css/dashboard.css b/static/css/dashboard.css
index 09363d28..6b1fd0f0 100644
--- a/static/css/dashboard.css
+++ b/static/css/dashboard.css
@@ -407,11 +407,15 @@ body {
 }
 
 .sidebar.collapsed .logo {
+    display: flex;
+}
+
+.sidebar.collapsed .logo span {
     display: none;
 }
 
 .sidebar.collapsed .sidebar-toggle {
-    opacity: 1;
+    margin-left: 0;
 }
 
 .logo {
@@ -426,6 +430,7 @@ body {
     white-space: nowrap;
 }
 
+
 .sidebar-logo {
     width: 32px;
     height: 32px;
diff --git a/static/index.html b/static/index.html
index 09799da5..11fd3c22 100644
--- a/static/index.html
+++ b/static/index.html
@@ -12,16 +12,14 @@
 </head>
 <body class="gruvbox-dark">
     <!-- Auth Page -->
-    <div id="auth-page" class="auth-container">
-        <div class="auth-card">
-            <div class="auth-header">
-                <div class="auth-logo">
-                    <div class="logo-icon-container">
-                        <span class="logo-icon-text">GG</span>
-                    </div>
+    <div id="auth-page" class="login-container">
+        <div class="login-card">
+            <div class="login-header">
+                <div class="logo-icon-container">
+                    <span class="logo-icon-text">GG</span>
                 </div>
                 <h1>GopherGate</h1>
-                <p>Secure LLM Gateway & Management</p>
+                <p class="login-subtitle">Secure LLM Gateway & Management</p>
             </div>
             <form id="login-form">
                 <div class="form-control">
diff --git a/static/js/auth.js b/static/js/auth.js
index 81bec312..060a9c0e 100644
--- a/static/js/auth.js
+++ b/static/js/auth.js
@@ -124,7 +124,7 @@ class AuthManager {
     }
 
     showLogin() {
-        const loginScreen = document.getElementById('login-screen');
+        const loginScreen = document.getElementById('auth-page');
         const dashboard = document.getElementById('dashboard');
         
         if (loginScreen) loginScreen.style.display = 'flex';
@@ -139,7 +139,7 @@ class AuthManager {
         if (errorElement) errorElement.style.display = 'none';
         
         // Reset button
-        const loginBtn = document.querySelector('.login-btn');
+        const loginBtn = document.getElementById('login-btn');
         if (loginBtn) {
             loginBtn.innerHTML = '<i class="fas fa-sign-in-alt"></i> Sign In';
             loginBtn.disabled = false;
@@ -147,7 +147,7 @@ class AuthManager {
     }
 
     showDashboard() {
-        const loginScreen = document.getElementById('login-screen');
+        const loginScreen = document.getElementById('auth-page');
         const dashboard = document.getElementById('dashboard');
         
         if (loginScreen) loginScreen.style.display = 'none';
