From d6e67ceb6194476a60c46e1c9ea48639d673485e Mon Sep 17 00:00:00 2001 From: Mikhail Yenuchenko Date: Tue, 11 Aug 2026 00:59:08 +0300 Subject: [PATCH] panel: set Sign out like the entries it stands among MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The compact button rule is written for controls that cluster — several beside a value or inside a table cell — where 0.8rem/600 is what stops four of them shouting at once. Sign out borrows that rule for its colours, and was taking the type with it: in the navigation column it has no cluster to belong to, so it stood under Settings among entries set 0.95rem/400 as the one smaller, heavier word on the column, reading as a different kind of object rather than as the last item of the list. Type and padding go back to the entries'. The red, the border and the tinted background stay — those are what say it acts, and the restyle only made the mismatch easier to see. Co-Authored-By: Claude Opus 5 --- internal/web/view/static/panel.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/internal/web/view/static/panel.css b/internal/web/view/static/panel.css index 0f9ac3c..c919dc6 100644 --- a/internal/web/view/static/panel.css +++ b/internal/web/view/static/panel.css @@ -391,8 +391,9 @@ button.danger:hover, a.danger:hover { background: var(--danger-fill-hover); } font-weight: 600; color: var(--accent-text); background: var(--nav-active-bg); box-shadow: inset 2px 0 0 var(--accent-fill); } -/* Sign out carries an icon too, so it needs the same row layout; its padding - and colours come from the compact button rule further down. */ +/* Sign out carries an icon too, so it needs the same row layout; its colours + come from the compact button rule further down, and its type is put back to + the column's beside it (see the rule after that one). */ .nav button { display: flex; align-items: center; gap: 0.5rem; } /* The icons draw in the entry's own colour, so the active entry's darker text, a link's blue and Sign out's red all carry through without a rule apiece. */ @@ -600,6 +601,17 @@ button.copy { flex: none; margin-top: 0.3rem; } color: var(--danger-fg); background: var(--danger-bg); border-color: var(--danger-border); } .actions button.danger:hover, .actions a.danger:hover, .nav button.danger:hover { background: var(--danger-bg-hover); } +/* Sign out takes the compact button's colours but not its type. The rule above + is written for controls that cluster — a row of them beside a value or in a + table cell — where 0.8rem/600 is what keeps four of them from shouting. In + the navigation column it has no cluster to belong to: it stands under + Settings, among entries set 0.95rem/400, and being smaller and heavier than + every word around it made it read as a different kind of object rather than + as the last item of the list. Type and padding go back to the entries'; + the red, the border and the background stay, and are what say it acts. */ +.nav button { + padding: 0.35rem 0.6rem; font-size: 0.95rem; font-weight: 400; +} /* The optional "encrypt this download" block on the backup and export forms. Its label is the one checkbox in the panel, so it opts out of the