From 0cef3856232ae6545476231a77ee66e0cba88c69 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 13 Apr 2025 15:12:24 -0500
Subject: [PATCH] Increase horizontal space for category content

---
 src/photo/PhotoHeader.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/photo/PhotoHeader.tsx b/src/photo/PhotoHeader.tsx
index 3bcedd71..df77f579 100644
--- a/src/photo/PhotoHeader.tsx
+++ b/src/photo/PhotoHeader.tsx
@@ -103,11 +103,11 @@ export default function PhotoHeader({
           headerType === 'photo-set'
             ? isGridHighDensity
               ? 'col-span-2 sm:col-span-1 lg:col-span-2'
-              : 'col-span-2 sm:col-span-1'
+              : 'col-span-2 md:col-span-1 lg:col-span-2'
             : headerType === 'photo-detail-with-entity'
               ? isGridHighDensity
                 ? 'col-span-2 sm:col-span-1 lg:col-span-2'
-                : 'col-span-2 sm:col-span-1'
+                : 'col-span-2 md:col-span-1 lg:col-span-2'
               : isGridHighDensity
                 ? 'col-span-3 sm:col-span-3 lg:col-span-5 w-[110%] xl:w-full'
                 : 'col-span-3 md:col-span-2 lg:col-span-3 w-[110%] xl:w-full',
@@ -124,16 +124,16 @@ export default function PhotoHeader({
         </div>
         {/* Content B: Filter Set Meta or Photo Pagination */}
         <div className={clsx(
-          'inline-flex gap-2 self-start',
+          'inline-flex gap-1 self-start',
           'uppercase text-dim',
           headerType === 'photo-set'
             ? isGridHighDensity
               ? 'col-span-2 lg:col-span-3'
-              : 'col-span-2 md:col-span-1 lg:col-span-2'
+              : 'col-span-2 sm:col-span-1'
             : headerType === 'photo-detail-with-entity'
               ? isGridHighDensity
-                ? 'sm:col-span-2 lg:col-span-3'
-                : 'sm:col-span-2 md:col-span-1 lg:col-span-2'
+                ? 'col-span-1 sm:col-span-2 lg:col-span-3'
+                : 'col-span-1'
               : 'hidden!',
         )}>
           {entity && <>
@@ -146,7 +146,7 @@ export default function PhotoHeader({
                     ...categories,
                     count,
                     dateRange,
-                    className: 'translate-y-[1.5px]',
+                    className: 'translate-x-[1px] translate-y-[1.5px] w-4',
                     prefetch: true,
                     dim: true,
                   }} />}