From d4c78fd2738dad9abea01b7f271708ef1039b94b Mon Sep 17 00:00:00 2001 From: Builder Date: Tue, 12 May 2026 16:33:22 -0400 Subject: [PATCH] =?UTF-8?q?Fix=20mobile=20text=20overflow=20=E2=80=94=20he?= =?UTF-8?q?ro=20subtitle,=20hint,=20summary=20stripe=20wrapping?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Cursor --- css/app.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/css/app.css b/css/app.css index aa790ee..4392bdb 100644 --- a/css/app.css +++ b/css/app.css @@ -840,12 +840,13 @@ body { .editor-bar__right { padding: 0 6px; gap: 6px; } .status-pill { padding: 0 8px; gap: 6px; } .status-counts { padding-left: 6px; gap: 6px; } - .summary-stripe { padding: 6px 16px; font-size: 10.5px; } + .summary-stripe { padding: 6px 16px; font-size: 10.5px; flex-wrap: wrap; } .hero { padding: 22px 18px 14px; } .hero__title { font-size: 32px; } - .hero__sub { font-size: 12px; word-break: break-word; } - .hero__hint { font-size: 12.5px; } + .hero__sub { font-size: 12px; word-break: break-word; white-space: normal; } + .hero__sub .mono { display: block; margin-top: 4px; } + .hero__hint { font-size: 12.5px; white-space: normal; word-break: break-word; } .hero--slim { padding: 14px 18px 10px; } .hero--slim .hero__title { font-size: 20px; } @@ -900,9 +901,10 @@ body { /* Phone */ @media (max-width: 480px) { + .hero { padding: 18px 14px 12px; } .hero__title { font-size: 26px; } .hero__sub { font-size: 11px; } - .hero__hint { font-size: 11.5px; } + .hero__hint { font-size: 11px; } .hero--slim .hero__title { font-size: 18px; } .trace-row, .trace-axis { grid-template-columns: 80px 1fr 44px; font-size: 10px; }