From ccfe00cebe3cc06cf61f20206d58416aa1321bd9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20Guti=C3=A9rrez?=
 <35082514+alezmad@users.noreply.github.com>
Date: Sat, 24 Jan 2026 16:40:12 +0000
Subject: [PATCH] fix: Properly center map click modal

- Remove w-full and mx-auto that caused alignment issues
- Use fixed width (280px) instead of max-w-xs
- Let flex container handle centering

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 web/components/ScraperTest.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/components/ScraperTest.tsx b/web/components/ScraperTest.tsx
index de6e55d..6898bf4 100644
--- a/web/components/ScraperTest.tsx
+++ b/web/components/ScraperTest.tsx
@@ -638,12 +638,12 @@ export default function ScraperTest({ onJobsChange, onSelectReviews }: ScraperTe
                 {/* Map Click Warning Modal */}
                 {showMapClickModal && (
                   <div
-                    className="absolute inset-0 flex items-center justify-center backdrop-blur-md bg-gray-900/40 z-20"
-                    style={{ padding: '24px' }}
+                    className="absolute inset-0 flex items-center justify-center backdrop-blur-md bg-gray-900/40 z-20 p-6"
                     onClick={() => setShowMapClickModal(false)}
                   >
                     <div
-                      className="bg-white rounded-2xl p-5 shadow-2xl max-w-xs w-full border-2 border-blue-500 animate-fade-in mx-auto"
+                      className="bg-white rounded-2xl p-5 shadow-2xl border-2 border-blue-500"
+                      style={{ width: '280px' }}
                       onClick={(e) => e.stopPropagation()}
                     >
                       <div className="text-center mb-3">