From 49bfff5fbd26eb3f02d8ebc806f98ad4248d7db5 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 18 Jun 2025 23:38:42 -0500
Subject: [PATCH] Refine upload rows on mobile

---
 src/admin/AdminUploadsTableRow.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/admin/AdminUploadsTableRow.tsx b/src/admin/AdminUploadsTableRow.tsx
index 9d92aa8b..1394ddf7 100644
--- a/src/admin/AdminUploadsTableRow.tsx
+++ b/src/admin/AdminUploadsTableRow.tsx
@@ -81,7 +81,8 @@ export default function AdminUploadsTableRow({
       )}
     >
       <div className={clsx(
-        'w-[50%] sm:w-auto shrink-0 bg-dim',
+        'self-stretch',
+        'w-[40%] sm:w-auto shrink-0',
         'transition-transform',
       )}>
         <ImageMedium
@@ -89,6 +90,12 @@ export default function AdminUploadsTableRow({
           src={url}
           alt={url}
           aspectRatio={3.0 / 2.0}
+          className={clsx(
+            'bg-dim',
+            'max-sm:m-2 max-sm:mr-0',
+            'max-sm:outline-medium max-sm:shadow-sm',
+            'max-sm:rounded-sm overflow-hidden',
+          )}
         />
       </div>
       <div className={clsx(
@@ -96,7 +103,7 @@ export default function AdminUploadsTableRow({
         'gap-2 sm:gap-3',
         'p-2 sm:p-3',
       )}>
-        <div className="flex flex-col gap-8 w-full">
+        <div className="flex flex-col gap-6 w-full">
           <div className="flex flex-col grow gap-2">
             <FieldSetWithStatus
               label="Title"