mirror of
https://github.com/kennethreitz/kjvstudy.org.git
synced 2026-06-05 23:00:16 +00:00
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:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user