Improve mobile chapter reading experience

- 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 <noreply@anthropic.com>
This commit is contained in:
2025-12-05 14:51:44 -05:00
parent c28376e761
commit 2ebddfbdc0
+18
View File
@@ -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;
}