Show prev/next chevrons on mobile

src/camera/CameraHeader.tsx

@@ -25,7 +25,6 @@ export default function CameraHeader({
     <PhotoHeader
       camera={camera}
       entity={<PhotoCamera {...{ camera }} contrast="high" hideAppleIcon />}
-      entityVerb="Photo"
       entityDescription={
         descriptionForCameraPhotos(photos, undefined, count, dateRange)}
       photos={photos}

src/photo/PhotoPrevNext.tsx

@@ -13,6 +13,7 @@ import { pathForPhoto } from '@/site/paths';
 import { useAppState } from '@/state/AppState';
 import { AnimationConfig } from '@/components/AnimateItems';
 import { clsx } from 'clsx/lite';
+import { FiChevronLeft, FiChevronRight } from 'react-icons/fi';
 
 const LISTENER_KEYUP = 'keyup';
 
@@ -112,9 +113,8 @@ export default function PhotoPrevNext({
           scroll={false}
           prefetch
         >
-          <span className="group inline-flex gap-1 items-center">
-            PREV
-          </span>
+          <FiChevronLeft className="sm:hidden text-[1.25rem]" />
+          <span className="hidden sm:inline-block">PREV</span>
         </PhotoLink>
         <span className="text-extra-extra-dim">/</span>
         <PhotoLink
@@ -128,9 +128,8 @@ export default function PhotoPrevNext({
           scroll={false}
           prefetch
         >
-          <span className="group inline-flex gap-1 items-center">
-            NEXT
-          </span>
+          <FiChevronRight className="sm:hidden text-[1.25rem]" />
+          <span className="hidden sm:inline-block">NEXT</span>
         </PhotoLink>
       </div>
     </div>

src/simulation/FilmSimulationHeader.tsx

@@ -24,7 +24,6 @@ export default function FilmSimulationHeader({
     <PhotoHeader
       simulation={simulation}
       entity={<PhotoFilmSimulation {...{ simulation }} />}
-      entityVerb="Photo"
       entityDescription={descriptionForFilmSimulationPhotos(
         photos, undefined, count, dateRange)}
       photos={photos}