From 17d37cfe5b91a74c52b0a1de3769e218d1351de2 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 9 Sep 2023 19:00:11 -0500
Subject: [PATCH] Refine admin mobile styles

---
 src/app/(auth-state)/admin/photos/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(auth-state)/admin/photos/page.tsx b/src/app/(auth-state)/admin/photos/page.tsx
index 9839e5ff..ebec2659 100644
--- a/src/app/(auth-state)/admin/photos/page.tsx
+++ b/src/app/(auth-state)/admin/photos/page.tsx
@@ -62,7 +62,7 @@ export default async function AdminPage() {
                     <Link
                       key={photo.id}
                       href={routeForPhoto(photo)}
-                      className="w-[50%] flex items-center gap-2"
+                      className="sm:w-[50%] flex items-center gap-2"
                     >
                       {photo.title ||
                         <span className="text-gray-400 dark:text-gray-500">
@@ -78,7 +78,7 @@ export default async function AdminPage() {
                         </span>}
                     </Link>
                     <div className={cc(
-                      'w-[50%] uppercase',
+                      'sm:w-[50%] uppercase',
                       'text-gray-400 dark:text-gray-500',
                     )}>
                       {photo.takenAtNaive}
@@ -117,7 +117,7 @@ function AdminGrid ({
       <div className={cc(
         'w-full',
         'grid grid-cols-[auto_1fr_auto_auto] ',
-        'gap-1.5 sm:gap-3 items-center',
+        'gap-2 sm:gap-3 items-center',
       )}>
         {children}
       </div>