From 816645c3c6d0993d5ff301c286d2f59209474ccb Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 6 Dec 2023 20:21:06 -0600
Subject: [PATCH] Refine grid

---
 src/photo/PhotoDetailPage.tsx | 1 +
 src/photo/PhotoGrid.tsx       | 2 +-
 src/photo/PhotoLarge.tsx      | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/photo/PhotoDetailPage.tsx b/src/photo/PhotoDetailPage.tsx
index d057a79e..8efe3eaf 100644
--- a/src/photo/PhotoDetailPage.tsx
+++ b/src/photo/PhotoDetailPage.tsx
@@ -97,6 +97,7 @@ export default function PhotoDetailPage({
         />}
         contentSide={<div className={cc(
           'grid grid-cols-2',
+          'gap-0.5 sm:gap-1',
           'md:flex md:gap-4',
           'user-select-none',
         )}>
diff --git a/src/photo/PhotoGrid.tsx b/src/photo/PhotoGrid.tsx
index 4f57b927..6db32045 100644
--- a/src/photo/PhotoGrid.tsx
+++ b/src/photo/PhotoGrid.tsx
@@ -40,7 +40,7 @@ export default function PhotoGrid({
     <div className="space-y-4">
       <AnimateItems
         className={cc(
-          'grid gap-1',
+          'grid gap-0.5 sm:gap-1',
           small
             ? 'grid-cols-3 xs:grid-cols-6'
             : HIGH_DENSITY
diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx
index bf30df39..74fca5a9 100644
--- a/src/photo/PhotoLarge.tsx
+++ b/src/photo/PhotoLarge.tsx
@@ -63,6 +63,7 @@ export default function PhotoLarge({
         <div className={cc(
           'sticky top-4 self-start',
           'grid grid-cols-2 md:grid-cols-1',
+          'gap-x-0.5 sm:gap-x-1',
           'gap-y-4',
           '-translate-y-1',
           'mb-4',