From b53e04f2eb3891ca54ba559c429097901f4732b5 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Fri, 5 Dec 2025 15:11:02 -0500
Subject: [PATCH] Reduce chapter nav button width on mobile

---
 kjvstudy_org/templates/chapter.html | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/kjvstudy_org/templates/chapter.html b/kjvstudy_org/templates/chapter.html
index 247be97..7d17abc 100644
--- a/kjvstudy_org/templates/chapter.html
+++ b/kjvstudy_org/templates/chapter.html
@@ -446,7 +446,7 @@ p[id^="verse-"].selected {
 /* Mobile optimizations */
 @media (max-width: 768px) {
     .chapter-nav {
-        max-width: 100%;
+        max-width: calc(100% - 2rem);
         padding: 1rem;
         margin: 1.5rem 0;
     }
@@ -459,7 +459,6 @@ p[id^="verse-"].selected {
         padding: 0.75rem 1rem;
         font-size: 1rem;
         min-height: 44px;
-        flex: 1;
         text-align: center;
     }