From 16e6711f0de9c9466aa797261a689420e4e87249 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Thu, 28 Aug 2025 17:25:39 -0500
Subject: [PATCH] Tighten grid margins

---
 src/components/AppGrid.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/AppGrid.tsx b/src/components/AppGrid.tsx
index 411a0b06..70aacb8a 100644
--- a/src/components/AppGrid.tsx
+++ b/src/components/AppGrid.tsx
@@ -3,12 +3,12 @@ import { HTMLAttributes, ReactNode, RefObject } from 'react';
 
 /*
   MAX WIDTHS
-  Main: 954px +
-  Sidebar: 302px +
-  Gap: 24px =
+  Main: 956px +
+  Sidebar: 308px +
+  Gap: 16px =
   Total: 1280px
   -
-  Column offset: (302px + 24px) / 2 = 163px
+  Column offset: (308px + 16px) / 2 = 162px
 */
 
 export default function AppGrid({
@@ -38,11 +38,10 @@ export default function AppGrid({
       className={clsx(
         'grid',
         'grid-cols-1 md:grid-cols-12',
-        'gap-x-4 lg:gap-x-6',
-        'gap-y-4',
+        'gap-3 md:gap-4',
         'max-w-[1280px] 3xl:w-[1280px]',
         // Offset sidebar width when centering on large screens
-        '3xl:translate-x-[163px]',
+        '3xl:translate-x-[162px]',
         className,
       )}
     >