From aa7929205e39ed90364655aa2cea2d4824b2a712 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Thu, 4 Dec 2025 23:23:45 -0500
Subject: [PATCH] Fix sidenotes pushing each other horizontally
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add clear:right to ensure sidenotes stack vertically
instead of being pushed off to the side.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 kjvstudy_org/templates/chapter.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/kjvstudy_org/templates/chapter.html b/kjvstudy_org/templates/chapter.html
index dfbebfc..d2f4a47 100644
--- a/kjvstudy_org/templates/chapter.html
+++ b/kjvstudy_org/templates/chapter.html
@@ -127,6 +127,14 @@
     content: "";
 }
 
+/* Prevent sidenotes from pushing each other horizontally */
+.sidenote, .marginnote {
+    clear: right;
+    float: right;
+    margin-right: -60%;
+    width: 50%;
+}
+
 /* Cross-refs: collapsed by default, show just first ref per group */
 .sidenote.cross-refs {
     cursor: pointer;