Fix grid spacing, add request debugging

src/components/MoreComponents.tsx

@@ -23,7 +23,7 @@ export default function MoreComponents({
   prefetch = true,
   itemsClass,
   wrapMoreButtonInSiteGrid,
-  debug,
+  debug = true,
 }: {
   stateKey: MoreComponentsKey
   initialOffset: number
@@ -207,6 +207,11 @@ export default function MoreComponents({
           : label}
     </button>;
 
+  console.log({
+    indexInView,
+    componentsLength: components.length,
+  });
+
   return <>
     <div className="space-y-4">
       <div className={itemsClass}>

src/photo/MorePhotosGrid.tsx

@@ -41,6 +41,7 @@ export function MorePhotosGrid({
     <MoreComponents
       stateKey="PhotosGrid"
       label="More photos"
+      itemsClass='space-y-0.5 sm:space-y-1'
       initialOffset={initialOffset}
       itemsPerRequest={itemsPerRequest}
       getNextComponent={getNextComponent}