From ac63e22a499a88bf0ee0233887531a54f75720c6 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 14 Jun 2025 16:30:38 -0500
Subject: [PATCH] Improve mobile styles

---
 src/app/Nav.tsx           | 1 -
 src/photo/PhotoHeader.tsx | 5 +++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/Nav.tsx b/src/app/Nav.tsx
index 7a97dfb5..3ec4f312 100644
--- a/src/app/Nav.tsx
+++ b/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">
diff --git a/src/photo/PhotoHeader.tsx b/src/photo/PhotoHeader.tsx
index d27fe4fb..737a2c21 100644
--- a/src/photo/PhotoHeader.tsx
+++ b/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