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:
2025-11-28 13:09:20 -05:00
parent d7b0b118f2
commit e40c60e200
+10
View File
@@ -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;