From de14054b0a7722f8ebdb51541bd731ee389cd2f8 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 11 Feb 2024 23:06:47 -0600
Subject: [PATCH] Tweak root page element spacing

---
 src/components/MoreComponents.tsx | 6 +++++-
 src/photo/MorePhotosRoot.tsx      | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/MoreComponents.tsx b/src/components/MoreComponents.tsx
index 0c31657a..316da051 100644
--- a/src/components/MoreComponents.tsx
+++ b/src/components/MoreComponents.tsx
@@ -21,6 +21,7 @@ export default function MoreComponents({
   label = 'Load more',
   triggerOnView = true,
   prefetch = true,
+  itemsClass,
   wrapMoreButtonInSiteGrid,
   debug,
 }: {
@@ -35,6 +36,7 @@ export default function MoreComponents({
   label?: string
   triggerOnView?: boolean
   prefetch?: boolean
+  itemsClass?: string
   wrapMoreButtonInSiteGrid?: boolean
   debug?: boolean
 }) {
@@ -207,7 +209,9 @@ export default function MoreComponents({
 
   return <>
     <div className="space-y-4">
-      <div>{components.slice(0, (indexInView ?? 0) + 1)}</div>
+      <div className={itemsClass}>
+        {components.slice(0, (indexInView ?? 0) + 1)}
+      </div>
       {showMoreButton && (
         wrapMoreButtonInSiteGrid
           ? <SiteGrid contentMain={renderMoreButton()} />
diff --git a/src/photo/MorePhotosRoot.tsx b/src/photo/MorePhotosRoot.tsx
index dac48a0d..3bb44331 100644
--- a/src/photo/MorePhotosRoot.tsx
+++ b/src/photo/MorePhotosRoot.tsx
@@ -42,6 +42,7 @@ export function MorePhotosRoot({
       initialOffset={initialOffset}
       itemsPerRequest={itemsPerRequest}
       getNextComponent={getNextComponent}
+      itemsClass="space-y-1"
       wrapMoreButtonInSiteGrid
     />
   );