From 6786f1aad6ab07a653cc024382a5ee1e32031106 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 12 Jun 2024 00:35:55 -0500
Subject: [PATCH] Fix admin configuration layout shift

---
 src/app/admin/configuration/page.tsx | 2 +-
 src/components/InfoBlock.tsx         | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/admin/configuration/page.tsx b/src/app/admin/configuration/page.tsx
index fc9962ab..2e196094 100644
--- a/src/app/admin/configuration/page.tsx
+++ b/src/app/admin/configuration/page.tsx
@@ -14,7 +14,7 @@ export default async function AdminConfigurationPage() {
             </div>
             <ClearCacheButton />
           </div>
-          <InfoBlock>
+          <InfoBlock spaceChildren={false}>
             <SiteChecklist />
           </InfoBlock>
         </div>}
diff --git a/src/components/InfoBlock.tsx b/src/components/InfoBlock.tsx
index 2426579e..3d622ed7 100644
--- a/src/components/InfoBlock.tsx
+++ b/src/components/InfoBlock.tsx
@@ -7,12 +7,14 @@ export default function InfoBlock({
   color = 'gray',
   padding = 'normal',
   centered = true,
+  spaceChildren = true,
 }: {
   children: ReactNode
   className?: string
   color?: 'gray' | 'blue'
-  padding?: 'loose' | 'normal' | 'tight';
-  centered?: boolean;
+  padding?: 'loose' | 'normal' | 'tight'
+  centered?: boolean
+  spaceChildren?: boolean
 } ) {
   const getColorClasses = () => {
     switch (color) {
@@ -48,7 +50,7 @@ export default function InfoBlock({
       <div className={clsx(
         'flex flex-col justify-center w-full',
         centered && 'items-center',
-        'space-y-4',
+        spaceChildren && 'space-y-4',
       )}>
         {children}
       </div>