From 964d5e1efa6ccd6a47ed2ab7785c599a46c03ebf Mon Sep 17 00:00:00 2001 From: Jon Date: Fri, 5 Jun 2026 18:11:31 +0100 Subject: [PATCH] Tidy homepage subtitle out; restyle sidebar collapse button Remove the homepage tagline. Make the collapse control a proper inset pill with a 'Collapse' label + chevron (label left, chevron right) instead of a bare full-width row with a lone arrow; centers to just the icon when collapsed. Co-Authored-By: Claude Opus 4.8 --- manager/templates/base.html | 15 +++++++++------ manager/templates/home.html | 1 - 2 files changed, 9 insertions(+), 7 deletions(-) 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 @@