From 83a416b6c97553edba0a42cc932ed2dff70a15f9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ullrich=20Sch=C3=A4fer?= Date: Sat, 11 Apr 2026 00:30:15 +0200 Subject: [PATCH] Fix day label positioning above overnight marker Use iconSize + iconAnchor instead of CSS transform to position the day label pill above the waypoint marker. The label was overlapping the marker because translate(-50%, -30px) didn't clear the 24px icon. Co-Authored-By: Claude Opus 4.6 (1M context) --- apps/planner/app/components/PlannerMap.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/planner/app/components/PlannerMap.tsx b/apps/planner/app/components/PlannerMap.tsx index 0feae90..ee5368b 100644 --- a/apps/planner/app/components/PlannerMap.tsx +++ b/apps/planner/app/components/PlannerMap.tsx @@ -38,9 +38,9 @@ function dayLabelIcon(dayNumber: number, distanceKm: string): L.DivIcon { padding:2px 8px;border-radius:12px; font-size:11px;font-weight:600;white-space:nowrap; box-shadow:0 1px 4px rgba(0,0,0,0.15); - transform:translate(-50%,-30px); ">Day ${dayNumber} ยท ${distanceKm} km`, - iconSize: [0, 0], + iconSize: [120, 20], + iconAnchor: [60, 44], }); }