diff --git a/index.html b/index.html index 224552d..8fdf575 100644 --- a/index.html +++ b/index.html @@ -435,13 +435,30 @@ } @media (max-width:768px){ .container{ - padding:12px; + padding:8px; } header{ - padding:20px 0 20px; + padding:12px 0 12px; + } + .logo-image{ + width:120px; + } + .logo{ + font-size:24px; + } + .tagline{ + font-size:12px; } .stats-grid{ grid-template-columns:1fr; + gap:8px; + margin-bottom:12px; + } + .stat-card{ + padding:12px; + } + .dashboard-header{ + margin-bottom:12px; } th,td{ padding:12px 8px; @@ -460,9 +477,6 @@ animation:pulse 1.5s ease-in-out infinite; } - /* ----------------------------------------------------------------- - Hamburger menu – hidden until login succeeds - ----------------------------------------------------------------- */ .hamburger{ position:fixed; top:20px; @@ -471,7 +485,7 @@ cursor:pointer; color:var(--text-primary); z-index:10; - display:none; /* hidden on the login page */ + display:none; } .menu{ position:fixed; @@ -632,7 +646,6 @@ updateTradingModeBadge(tradingMode); document.getElementById('loginForm').style.display = 'none'; document.getElementById('dashboard').style.display = 'block'; - // show hamburger now that the user is logged in document.getElementById('menuToggle').style.display = 'block'; await loadDashboard(); setInterval(loadDashboard, 30000); @@ -827,14 +840,10 @@ document.getElementById('loginForm').style.display = 'block'; document.getElementById('dashboard').style.display = 'none'; document.getElementById('loginError').innerHTML = ''; - // hide hamburger again document.getElementById('menuToggle').style.display = 'none'; document.getElementById('menu').classList.remove('show'); } - /* ----------------------------------------------------------------- - Hamburger menu logic - ----------------------------------------------------------------- */ document.getElementById('menuToggle').addEventListener('click', () => { document.getElementById('menu').classList.toggle('show'); }); @@ -844,7 +853,6 @@ logout(); }); - // Close menu when clicking outside of it document.addEventListener('click', (e) => { const menu = document.getElementById('menu'); const toggle = document.getElementById('menuToggle');