diff --git a/manager/templates/base.html b/manager/templates/base.html index c52c9fe..69ef5a2 100644 --- a/manager/templates/base.html +++ b/manager/templates/base.html @@ -142,13 +142,16 @@ .ss-dot.offline { background: var(--red); } html.collapsed .side-status { display: none; } .collapse-btn { - display: flex; align-items: center; gap: 12px; width: 100%; - padding: 11px 18px; background: none; border: none; cursor: pointer; - color: var(--muted); font-family: inherit; font-size: 13px; font-weight: 600; + display: flex; align-items: center; justify-content: space-between; gap: 10px; + margin: 8px 12px; padding: 8px 12px; border-radius: 8px; + background: var(--bg); border: 1px solid var(--border); cursor: pointer; + color: var(--muted); font-family: inherit; font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; + transition: border-color 0.15s, color 0.15s, background 0.15s; } - .collapse-btn:hover { color: var(--text); } - .collapse-btn .ico { width: 20px; text-align: center; flex-shrink: 0; } + .collapse-btn:hover { color: var(--text); border-color: var(--accent); } + .collapse-btn .ico { font-size: 16px; line-height: 1; flex-shrink: 0; } + html.collapsed .collapse-btn { justify-content: center; margin: 8px; padding: 8px; } html.collapsed .lbl, html.collapsed .brand-text { display: none; } @@ -284,7 +287,7 @@