diff --git a/static/style.css b/static/style.css index f80cc99..7df026b 100644 --- a/static/style.css +++ b/static/style.css @@ -360,15 +360,16 @@ body { .nav-item { display: flex; align-items: center; - gap: 10px; - padding: 10px 14px; - border-radius: var(--radius-sm); - font-size: 13px; + gap: 14px; + padding: 12px 16px; + border-radius: var(--radius); + font-size: 14px; font-weight: 500; color: var(--text-dim); cursor: pointer; text-decoration: none; transition: all 0.15s; + margin-bottom: 2px; } .nav-item:hover { @@ -376,17 +377,21 @@ body { color: var(--text); } +.nav-item .icon-sm { + flex-shrink: 0; + width: 20px; + height: 20px; + color: var(--text-muted); + transition: color 0.15s; +} +.nav-item:hover .icon-sm { color: var(--primary); } + .nav-item.active { background: var(--primary-light); color: var(--primary); font-weight: 600; } - -.nav-item .icon-sm { - flex-shrink: 0; - width: 16px; - height: 16px; -} +.nav-item.active .icon-sm { color: var(--primary); } /* ── Sidebar Footer ── */