From 86863d809db959afdd8e509f31a380a801dcbb67 Mon Sep 17 00:00:00 2001 From: Austin Schaefer Date: Thu, 3 Sep 2026 18:18:49 +0200 Subject: [PATCH] Fix Subscribe button overflowing the sidebar's fixed width MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Not an article-row or hot-reload issue after all — the Subscribe button in the sidebar header was genuinely spilling past the sidebar's 16rem width into the main content column. The sidebar panel is position: fixed; z-index: 10 (dx-sidebar-container in the vendored sidebar CSS), so that overflow floated on top of whatever main content happened to sit at the same height, which was the first article row's button — hence it only ever looked broken there. Root cause: .subscribe-form .dx-input had flex: 1 but no min-width: 0, so flexbox's default min-width: auto stopped it shrinking below its content-based minimum once the Subscribe button took its share of the row — a classic flexbox overflow gotcha. Added min-width: 0 to both the input and the form row. Co-Authored-By: Claude Sonnet 5 Claude-Session: https://claude.ai/code/session_01PqTJmazHBQK878vjQ4JnnF --- crates/web/assets/app.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/crates/web/assets/app.css b/crates/web/assets/app.css index d894e97..f4def21 100644 --- a/crates/web/assets/app.css +++ b/crates/web/assets/app.css @@ -10,8 +10,8 @@ body { font-family: system-ui, sans-serif; margin: 0; color: #1a1a1a; height: 10 .summary { color: #444; margin: 0; } .topics { display: flex; flex-wrap: wrap; gap: 0.3rem; } .error { color: #b00020; } -.subscribe-form { display: flex; gap: 0.5rem; margin: 1rem 0; } -.subscribe-form .dx-input { flex: 1; } +.subscribe-form { display: flex; gap: 0.5rem; margin: 1rem 0; min-width: 0; } +.subscribe-form .dx-input { flex: 1; min-width: 0; } .subscribe-status { margin: 0.25rem 0 1rem; font-size: 0.9rem; } .subscribe-status.success { color: #1a7f37; } .subscribe-status.error { color: #b00020; }