From cd25c55bd747e00714bd1db129bf8b98d4d1f29a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Wed, 22 Apr 2026 08:44:17 +0400
Subject: [PATCH] Smaller gap between photos in carousel on mobile

---
 app/styles/app.css | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/app/styles/app.css b/app/styles/app.css
index 0bd70aa..45d8a57 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -973,9 +973,8 @@ abbr[title] {
 
 @media (width <= 768px) {
   .place-photos-carousel-track {
-    scroll-snap-type: none; /* No snapping on mobile */
-    gap: 0.25rem;
-    padding-bottom: 0.5rem; /* Space for the scrollbar if visible, but we hid it */
+    scroll-snap-type: none;
+    gap: 2px;
   }
 
   .carousel-slide {
@@ -988,7 +987,6 @@ abbr[title] {
 
   .place-header-photo.landscape,
   .place-header-photo.portrait {
-    /* On mobile, all images use cover inside their precise ratio container */
     object-fit: cover;
   }