mirror of
https://github.com/kennethreitz/kjvstudy.org.git
synced 2026-06-05 23:00:16 +00:00
Fix sidenote markers appearing over verse numbers
Add CSS to properly space and reset sidenote counters for each verse. Prevents sidenote numbers from overlapping or appearing too close to verse numbers. Changes: - Add margin to sidenote labels that follow verse numbers - Reset sidenote counter for each verse paragraph - Ensures clean numbering within each verse 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -99,6 +99,16 @@ hr::before {
|
||||
color: #ff6b6b;
|
||||
}
|
||||
|
||||
/* Prevent sidenote numbers from appearing too close to verse numbers */
|
||||
.verse-number-link + label.sidenote-number {
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
|
||||
/* Reset sidenote counter for each verse paragraph */
|
||||
section p[id^="verse-"] {
|
||||
counter-reset: sidenote-counter;
|
||||
}
|
||||
|
||||
.chapter-nav {
|
||||
max-width: 60%;
|
||||
margin: 2rem 0;
|
||||
|
||||
Reference in New Issue
Block a user