From 5b8f10c7d8ec4dc08d6056a304524c5bc652f511 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 25 Oct 2023 13:59:22 -0500
Subject: [PATCH] Fix file upload text truncation

---
 src/components/ImageInput.tsx | 4 ++--
 src/photo/PhotoUpload.tsx     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ImageInput.tsx b/src/components/ImageInput.tsx
index 13320cb1..3c9d8ca9 100644
--- a/src/components/ImageInput.tsx
+++ b/src/components/ImageInput.tsx
@@ -31,8 +31,8 @@ export default function ImageInput({
   const [image, setImage] = useState<HTMLImageElement>();
 
   return (
-    <div className="space-y-4">
-      <div className="flex items-center gap-4">
+    <div className="space-y-4 min-w-0">
+      <div className="flex items-center gap-2 sm:gap-4">
         <label
           htmlFor={INPUT_ID}
           className={cc(
diff --git a/src/photo/PhotoUpload.tsx b/src/photo/PhotoUpload.tsx
index 29122afa..c58bfee0 100644
--- a/src/photo/PhotoUpload.tsx
+++ b/src/photo/PhotoUpload.tsx
@@ -30,7 +30,7 @@ export default function PhotoUpload({
       isUploading && 'cursor-not-allowed',
     )}>
       <div className="flex items-center gap-8">
-        <form className="flex items-center gap-3">
+        <form className="flex items-center min-w-0">
           <ImageInput
             maxSize={shouldResize ? MAX_IMAGE_SIZE : undefined}
             loading={isUploading}