From 88fa5d19c8f3485d67cdd51b59db9b6cc4475445 Mon Sep 17 00:00:00 2001 From: etalon Date: Sat, 13 Jun 2026 12:36:16 +0200 Subject: [PATCH] fix: long brand name no longer overflows the sidebar In sidebar mode the masthead brand was white-space:nowrap and overflowed the 214px rail for longer names. Constrain it to the rail width and let it wrap; bump the link list's top padding so a two-line brand doesn't overlap. Co-Authored-By: Claude Fable 5 --- web/static/css/app.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/web/static/css/app.css b/web/static/css/app.css index d33e7a9..3ba8e34 100644 --- a/web/static/css/app.css +++ b/web/static/css/app.css @@ -311,8 +311,12 @@ body[data-nav=side] .topnav { padding-left: 232px; } body[data-nav=side] .topnav .brand { - position: fixed; top: 14px; left: 18px; z-index: 41; - font-size: 1.05rem; + position: fixed; top: 14px; left: 16px; z-index: 41; + font-size: 1rem; + /* keep a long brand name inside the sidebar instead of overflowing it */ + width: 182px; + white-space: normal; + line-height: 1.15; } body[data-nav=side] .topnav .links { position: fixed; top: 0; left: 0; bottom: 0; @@ -322,7 +326,8 @@ body[data-nav=side] .topnav .links { background-color: var(--surface2); background-image: var(--dither); border-right: 2px solid var(--border); - padding: 58px 12px 18px; + /* top padding clears the (possibly two-line) brand above */ + padding: 76px 12px 18px; overflow-y: auto; z-index: 40; }