From de9c8a7780bb10409a12ffde787ec4ba3ff73f2e Mon Sep 17 00:00:00 2001 From: Josep Piguillem Date: Fri, 16 Oct 2026 20:42:27 +0200 Subject: [PATCH] =?UTF-8?q?fix(web):=20=C2=ABDesde=20tu=20=C3=BAltima=20vi?= =?UTF-8?q?sita=C2=BB=20keeps=20its=20four=20numbers=20in=20line?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Each number sat under its label, and in a narrow panel «Vueltos de QA» takes two lines, so its number fell lower than the others. The numbers go on top now (the markup stays label then value). Co-Authored-By: Claude Opus 5.5 --- .../presenters/src/lib/ui/insights/changes-since.ts | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/libs/web/tracker/presenters/src/lib/ui/insights/changes-since.ts b/libs/web/tracker/presenters/src/lib/ui/insights/changes-since.ts index 28a294b..f63491b 100644 --- a/libs/web/tracker/presenters/src/lib/ui/insights/changes-since.ts +++ b/libs/web/tracker/presenters/src/lib/ui/insights/changes-since.ts @@ -60,15 +60,24 @@ import { timeAgo } from '../copy'; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.5rem; margin: 0 0 0.75rem; + /* The number on top: all four in line even when a label («Vueltos de + QA») takes two lines in a narrow panel. */ + > div { + display: flex; + flex-direction: column; + } dt { color: var(--ts-muted); font-size: 0.75rem; + line-height: 1.3; } dd { + order: -1; margin: 0; font-family: var(--ts-font-mono); font-size: 1.25rem; font-weight: 600; + line-height: 1.3; } } h3 {