From 69fa01e20b8438cfd35f1c93f71af4b56baae028 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 21 Jul 2024 19:03:45 -0500
Subject: [PATCH] Make batch editing labels responsive

---
 src/admin/AdminBatchEditPanelClient.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/admin/AdminBatchEditPanelClient.tsx b/src/admin/AdminBatchEditPanelClient.tsx
index 7195aac6..cc21cd7e 100644
--- a/src/admin/AdminBatchEditPanelClient.tsx
+++ b/src/admin/AdminBatchEditPanelClient.tsx
@@ -16,6 +16,7 @@ import { toastSuccess } from '@/toast';
 import DeletePhotosButton from './DeletePhotosButton';
 import { photoQuantityText } from '@/photo';
 import { FaArrowDown, FaRegStar } from 'react-icons/fa6';
+import ResponsiveText from '@/components/primitives/ResponsiveText';
 
 export default function AdminBatchEditPanelClient({
   uniqueTags,
@@ -49,8 +50,13 @@ export default function AdminBatchEditPanelClient({
   );
 
   const renderPhotoCTA = () => selectedPhotoIds?.length === 0
-    ? <><FaArrowDown /> Select photos below</>
-    : <>{photosText} selected</>;
+    ? <>
+      <FaArrowDown />
+      Select photos below
+    </>
+    : <ResponsiveText shortText={photosText}>
+      {photosText} selected
+    </ResponsiveText>;
 
   const renderActions = () => isInTagMode
     ? <>
@@ -88,7 +94,9 @@ export default function AdminBatchEditPanelClient({
         }
         primary
       >
-        Apply Tags
+        <ResponsiveText shortText="Apply">
+          Apply Tags
+        </ResponsiveText>
       </LoaderButton>
     </>
     : <>
@@ -122,7 +130,9 @@ export default function AdminBatchEditPanelClient({
             onClick={() => setTags('')}
             disabled={isPerformingSelectEdit}
           >
-            Tag ...
+            <ResponsiveText shortText="Tag">
+              Tag ...
+            </ResponsiveText>
           </LoaderButton>
         </>}
       <LoaderButton