From 0807a8b5edd3100b8d43d05e03518cb9439a5d77 Mon Sep 17 00:00:00 2001 From: Kenneth Reitz Date: Thu, 20 Nov 2025 18:09:52 -0500 Subject: [PATCH] Make sidebar narrower and more compact MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Reduce sidebar width from 280px to 220px: - Decrease padding from 1.5rem to 1.25rem - Reduce font-size from 0.85rem to 0.8rem - Tighten line-height from 1.6 to 1.5 - Adjust article margin-left from 340px to 280px Creates a more elegant, space-efficient navigation sidebar. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- kjvstudy_org/templates/base.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html index 299a193..50153e0 100644 --- a/kjvstudy_org/templates/base.html +++ b/kjvstudy_org/templates/base.html @@ -117,15 +117,15 @@ position: fixed; top: 2rem; left: 2rem; - width: 280px; + width: 220px; max-height: calc(100vh - 4rem); overflow-y: auto; background: linear-gradient(to bottom, #fafafa 0%, #f8f8f8 100%); border: 1px solid #ddd; border-radius: 2px; - padding: 1.5rem; - font-size: 0.85rem; - line-height: 1.6; + padding: 1.25rem; + font-size: 0.8rem; + line-height: 1.5; box-shadow: 0 2px 8px rgba(0,0,0,0.08); z-index: 100; } @@ -228,7 +228,7 @@ /* Adjust article position when sidebar is present */ @media (min-width: 1201px) { article { - margin-left: 340px; + margin-left: 280px; } }