From b6c4f52df27e6a4bc8cebf6af930820a320a22f6 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 2 Jan 2026 01:43:52 -0500
Subject: [PATCH] refine gallery preview layout

---
 src/components/Map/MapView.jsx | 6 +++---
 src/styles/map.css             | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Map/MapView.jsx b/src/components/Map/MapView.jsx
index b727739..092e538 100644
--- a/src/components/Map/MapView.jsx
+++ b/src/components/Map/MapView.jsx
@@ -1696,13 +1696,13 @@ export default function MapView({
                         </div>
                         {draftMediaUrls.length > 1 && (
                           <div className="create-gallery-items">
-                            {draftMediaUrls.map((url, idx) => (
+                            {draftMediaUrls.slice(1).map((url, idx) => (
                               <figure key={`${url}-${idx}`} className="create-gallery-item">
-                                <img src={url} alt={`Selected image ${idx + 1}`} />
+                                <img src={url} alt={`Selected image ${idx + 2}`} />
                                 <button
                                   type="button"
                                   className="create-gallery-remove"
-                                  onClick={() => removeMediaUrlAtIndex(idx)}
+                                  onClick={() => removeMediaUrlAtIndex(idx + 1)}
                                   aria-label="Remove image"
                                 >
                                   ×
diff --git a/src/styles/map.css b/src/styles/map.css
index 1beea65..f9bf115 100644
--- a/src/styles/map.css
+++ b/src/styles/map.css
@@ -779,7 +779,7 @@
 .create-gallery-items{
   display:flex;
   flex-wrap:nowrap;
-  gap:.6rem;
+  gap:.3rem;
   overflow-x:auto;
   padding-bottom:.25rem;
 }