Improve mobile styles

src/app/Nav.tsx

@@ -87,7 +87,6 @@ export default function Nav({
               />
               <div className={clsx(
                 'grow text-right min-w-0',
-                'hidden xs:block',
                 'translate-y-[-1px]',
               )}>
                 <div className="truncate overflow-hidden select-none">

src/photo/PhotoHeader.tsx

@@ -159,10 +159,9 @@ export default function PhotoHeader({
                   }} />}
               </>
               : <ResponsiveText
-                shortText={appText.utility.paginateAction(
+                shortText={appText.utility.paginate(
                   paginationIndex,
                   paginationCount,
-                  entityVerb,
                 )}
               >
                 {appText.utility.paginateAction(
@@ -178,6 +177,8 @@ export default function PhotoHeader({
             ? 'hidden sm:flex'
             : 'flex',
           'justify-end',
+          // Make full height for prev/next symbols
+          'max-sm:h-full',
         )}>
           {selectedPhoto
             ? renderPrevNext