From 5aa374cace06ff78b5fac342426401278c5192cd Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Thu, 4 Dec 2025 11:33:53 -0500
Subject: [PATCH] Fine-tune sidebar/content spacing at narrow tablet widths
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add 85px margin at 769-950px range to prevent sidebar overlap

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

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

diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html
index cfc9002..d62650f 100644
--- a/kjvstudy_org/templates/base.html
+++ b/kjvstudy_org/templates/base.html
@@ -303,6 +303,17 @@
             margin-left: 30px;
         }
 
+        /* At narrow tablet widths, add extra margin to clear sidebar */
+        @media (min-width: 769px) and (max-width: 950px) {
+            article {
+                margin-left: 85px;
+            }
+            .breadcrumb {
+                margin-left: -85px;
+                padding-left: 85px;
+            }
+        }
+
         /* Remove margin on mobile when sidebar is hidden */
         @media (max-width: 768px) {
             article {