From 6ea57516757fc72745144db4985e8ba1096e555f Mon Sep 17 00:00:00 2001
From: SkateSpots <skatespots>
Date: Tue, 29 Sep 2026 18:17:49 +0700
Subject: [PATCH] fix(routing): keep the built-in close X clear of the
 destination search row

The dialog's absolute close button overlapped the right edge of the new
destination/search header row, so tapping the SEARCH pill could land on the
close button instead. Give the header right padding so the row ends before it.

(Verified end-to-end in the production build by driving a real spot page:
Directions -> Search opens the panel, no console errors.)
---
 src/components/RouteDialog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/RouteDialog.tsx b/src/components/RouteDialog.tsx
index 8430b0c..eb433ee 100644
--- a/src/components/RouteDialog.tsx
+++ b/src/components/RouteDialog.tsx
@@ -712,7 +712,7 @@ export function RouteDialog({
           of the screen), the mode/vehicle row moves BELOW it, and the details
           scroll with the Start/Stop bar pinned at the bottom. */}
       <DialogContent className="flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-lg flex-col gap-0 overflow-hidden p-0 sm:max-w-xl">
-        <DialogHeader className="order-1 shrink-0 p-4 pb-3">
+        <DialogHeader className="order-1 shrink-0 pl-4 pr-12 pt-4 pb-3">
           <DialogTitle className="sr-only">Route to {destLabel}</DialogTitle>
           <button
             type="button"