diff --git a/apps/planner/app/components/PlannerMap.tsx b/apps/planner/app/components/PlannerMap.tsx index 5ee0ded..67a6921 100644 --- a/apps/planner/app/components/PlannerMap.tsx +++ b/apps/planner/app/components/PlannerMap.tsx @@ -16,7 +16,7 @@ import "leaflet/dist/leaflet.css"; function waypointIcon(index: number, overnight?: boolean, highlighted?: boolean): L.DivIcon { const bg = overnight ? "#8B6D3A" : "#2563eb"; - const size = highlighted ? 30 : 24; + const size = highlighted ? 28 : 24; const offset = size / 2; const ring = highlighted ? `outline:3px solid ${bg};outline-offset:2px;` : ""; return L.divIcon({ @@ -25,7 +25,7 @@ function waypointIcon(index: number, overnight?: boolean, highlighted?: boolean) width:${size}px;height:${size}px;border-radius:50%; background:${bg};color:white; display:flex;align-items:center;justify-content:center; - font-size:${highlighted ? 14 : 12}px;font-weight:600; + font-size:12px;font-weight:600; border:2px solid white;box-shadow:0 1px 4px rgba(0,0,0,0.3); transform:translate(-${offset}px,-${offset}px); ${ring}transition:all 0.15s ease;