From a5e947ce97f81dd6274da44c38177780a8466060 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Thu, 8 Oct 2026 19:37:02 +0200
Subject: [PATCH] Keep the unit and the time whole when the phone meta line
 wraps

'vor 10 Stunden' broke across two lines; the unit and the time now
wrap as units, the source badge after them.
---
 src/components/measurements/measurement-list.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/measurements/measurement-list.tsx b/src/components/measurements/measurement-list.tsx
index 286f0bbb0..f74c96bd6 100644
--- a/src/components/measurements/measurement-list.tsx
+++ b/src/components/measurements/measurement-list.tsx
@@ -1535,7 +1535,10 @@ export function MeasurementList({
                                 the row's controls; it leads the meta line
                                 instead. Sleep reads as a duration. */}
                               {isSleep ? null : (
-                                <span data-slot="measurement-row-unit">
+                                <span
+                                  data-slot="measurement-row-unit"
+                                  className="whitespace-nowrap"
+                                >
                                   {measurementUnitLabel(
                                     m.type,
                                     isGrouped ? m.unit : rowDisplay(m).unit,
@@ -1545,11 +1548,17 @@ export function MeasurementList({
                                 </span>
                               )}
                               {m.dayKey !== undefined ? (
-                                <DayLink date={m.dayKey}>
+                                <DayLink
+                                  date={m.dayKey}
+                                  className="whitespace-nowrap"
+                                >
                                   {formatDateOrRelative(m.measuredAt, t)}
                                 </DayLink>
                               ) : (
-                                <DayLinkAt at={m.measuredAt}>
+                                <DayLinkAt
+                                  at={m.measuredAt}
+                                  className="whitespace-nowrap"
+                                >
                                   {formatDateOrRelative(m.measuredAt, t)}
                                 </DayLinkAt>
                               )}