From d6238e46bc213ce1e52cedc83138f2e7aafb47ac Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 2 Jan 2026 12:49:40 -0500
Subject: [PATCH] Keep gallery row inside preview

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

diff --git a/src/components/Map/MapView.jsx b/src/components/Map/MapView.jsx
index 9681095..02aa34a 100644
--- a/src/components/Map/MapView.jsx
+++ b/src/components/Map/MapView.jsx
@@ -1718,18 +1718,18 @@ export default function MapView({
                         <span>{formatPreviewDate(draftPublishedAt)}</span>
                       ) : null}
                     </div>
-                  </div>
-                )}
-                {galleryItems.length > 0 && (
-                  <div className="create-gallery-row">
-                    {galleryItems.map((url, idx) => (
-                      <figure
-                        key={`${url}-${idx}`}
-                        className="create-gallery-item create-gallery-static"
-                      >
-                        <img src={url} alt={`Preview image ${idx + 1}`} />
-                      </figure>
-                    ))}
+                    {galleryItems.length > 0 && (
+                      <div className="create-gallery-row create-gallery-overlay">
+                        {galleryItems.map((url, idx) => (
+                          <figure
+                            key={`${url}-${idx}`}
+                            className="create-gallery-item create-gallery-static"
+                          >
+                            <img src={url} alt={`Preview image ${idx + 1}`} />
+                          </figure>
+                        ))}
+                      </div>
+                    )}
                   </div>
                 )}
                     <textarea
diff --git a/src/styles/map.css b/src/styles/map.css
index c79ae09..5adfea3 100644
--- a/src/styles/map.css
+++ b/src/styles/map.css
@@ -848,11 +848,13 @@
 }
 .create-gallery-overlay{
   position:absolute;
-  top:12px;
+  left:12px;
   right:12px;
+  bottom:12px;
   padding-bottom:0;
   background:rgba(15,23,42,0.35);
   border-radius:999px;
+  justify-content:flex-start;
 }
 .create-gallery-overlay .create-gallery-item{
   width:40px;