From 9c32b42256af7ffbdd0cf7e67b40ee9dfe263843 Mon Sep 17 00:00:00 2001
From: Maurice <mauriceboe@icloud.com>
Date: Sun, 25 Oct 2026 10:22:03 +0100
Subject: [PATCH] fix(planner): a tour's facts in the day plan wrap instead of
 being cut off

A tour row carries its time, duration and distance; in the narrow day column the last of them disappeared behind the fade.
---
 client/src/components/Planner/DayPlanPlaceSubline.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Planner/DayPlanPlaceSubline.tsx b/client/src/components/Planner/DayPlanPlaceSubline.tsx
index 7fe30f007..b90870bc3 100644
--- a/client/src/components/Planner/DayPlanPlaceSubline.tsx
+++ b/client/src/components/Planner/DayPlanPlaceSubline.tsx
@@ -118,9 +118,10 @@ export function DayPlanPlaceSubline({
   const description = place.description || place.address || cat?.name;
   if (!(dayRowTour || place.place_time || hasPlannedTimes(tourTimes) || description)) return null;
   return (
-    // One line like the row's name: when the hover controls come out, the description
-    // gives way and the pills keep their place instead of wrapping onto a second line.
-    <div className="trek-fade-end mt-0.5 flex min-w-0 flex-nowrap items-center gap-1.5 overflow-hidden">
+    // The description stays on one line and gives way first. The pills wrap rather
+    // than run out of the row: a tour carries a time, its duration and its distance,
+    // and in the narrow day column the last of them used to be cut off unseen.
+    <div className="trek-fade-end mt-0.5 flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-1 overflow-hidden">
       {place.place_time && dayRowTour && (
         // TIME-02: a tour's end, typed or worked out from its start and its time.
         <TimePill quiet>