From 2ebddfbdc0013617c4990767e6242704bd9c92ab Mon Sep 17 00:00:00 2001 From: Kenneth Reitz Date: Fri, 5 Dec 2025 14:51:44 -0500 Subject: [PATCH] Improve mobile chapter reading experience MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Full width poetry verses on small screens (no 55% constraint) - Larger verse text on mobile (1.2rem, 1.8 line-height) - Remove underlines from verse numbers on mobile 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- kjvstudy_org/templates/chapter.html | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/kjvstudy_org/templates/chapter.html b/kjvstudy_org/templates/chapter.html index c36b236..c9fab95 100644 --- a/kjvstudy_org/templates/chapter.html +++ b/kjvstudy_org/templates/chapter.html @@ -19,6 +19,24 @@ width: 55%; } +@media (max-width: 760px) { + .poetry-chapter p.verse-line { + width: 100%; + } + + p[id^="verse-"] { + font-size: 1.2rem; + line-height: 1.8; + } + + a.verse-number-link, + a.verse-number-link:visited, + a.verse-number-link:hover, + a.verse-number-link:active { + text-decoration: none !important; + } +} + .poetry-chapter .stanza-break { margin-top: 3.5em; }