diff --git a/public/css/style.css b/public/css/style.css index 6b08434..3e7d4a0 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -47,16 +47,17 @@ a:hover { text-decoration: underline; } /* Toggle button pinned to right edge */ .sidebar-toggle-btn { - position: absolute; top: 1.5rem; right: -14px; + position: fixed; top: 1.5rem; left: 226px; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--border); background: var(--surface); color: var(--text-light); font-size: 0.65rem; cursor: pointer; display: flex; align-items: center; justify-content: center; - z-index: 20; transition: background 0.15s, color 0.15s, border-color 0.15s; + z-index: 20; transition: left 0.25s cubic-bezier(.4,0,.2,1), background 0.15s, color 0.15s, border-color 0.15s; box-shadow: 0 2px 6px rgba(0,0,0,0.12); } .sidebar-toggle-btn:hover { background: var(--primary); color: #fff; border-color: var(--primary); } + /* Nav link: icon always visible, label collapses */ .nav-link { padding: 0.6rem 0.75rem; border-radius: 0.5rem; @@ -75,6 +76,7 @@ body.sidebar-collapsed .sidebar { width: 64px; } body.sidebar-collapsed .sidebar-label { opacity: 0; width: 0; pointer-events: none; } body.sidebar-collapsed .nav-link { justify-content: center; padding: 0.65rem; gap: 0; } body.sidebar-collapsed .nav-link .badge { position: absolute; top: 2px; right: 2px; padding: 1px 4px; font-size: 0.6rem; } +body.sidebar-collapsed .sidebar-toggle-btn { left: 50px; } body.sidebar-collapsed .sidebar-toggle-btn .fa-chevron-left { display: block; } /* Tooltip on collapsed nav links */ diff --git a/views/dashboard.php b/views/dashboard.php index ad12b0a..c9599e0 100644 --- a/views/dashboard.php +++ b/views/dashboard.php @@ -268,11 +268,11 @@ if (empty($_SESSION['dash_logged_today'])) {
No one else has set a mood yet.
- -No one else has set a mood yet.
+ +