Fix share button placement for sm breakpoint

src/components/IconPathButton.tsx

@@ -46,7 +46,6 @@ export default function IconPathButton({
         router.push(path))}
       isLoading={shouldShowLoader}
       className={cc(
-        'min-h-[1.75rem]',
         'active:translate-y-[1px]',
         'text-gray-500 active:text-gray-600',
         'dark:text-gray-400 dark:active:text-gray-300',

src/photo/PhotoLarge.tsx

@@ -80,17 +80,22 @@ export default function PhotoLarge({
               <li>{photo.exposureCompensationFormatted ?? '—'}</li>
             </ul>
             <div className={cc(
-              'uppercase',
-              'text-gray-500',
-              'dark:text-gray-400',
+              'flex gap-y-4',
+              'flex-col sm:flex-row md:flex-col',
             )}>
-              {photo.takenAtNaiveFormatted}
-            </div>
-            <div className="-translate-x-1">
-              <SharePhotoButton
-                photo={photo}
-                prefetch={prefetchShare}
-              />
+              <div className={cc(
+                'grow uppercase',
+                'text-gray-500',
+                'dark:text-gray-400',
+              )}>
+                {photo.takenAtNaiveFormatted}
+              </div>
+              <div className="-translate-x-0.5">
+                <SharePhotoButton
+                  photo={photo}
+                  prefetch={prefetchShare}
+                />
+              </div>
             </div>
           </>)}
         </div>}