From e607e262bd11273fc6a1c80ecb4114254f6dd9be Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Sun, 23 Nov 2025 13:32:03 -0500
Subject: [PATCH] Fix search box overflow in narrower sidebar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add box-sizing: border-box to include padding within width.
Slightly reduce vertical padding for better fit.

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

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

diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html
index 80b8d03..88c070a 100644
--- a/kjvstudy_org/templates/base.html
+++ b/kjvstudy_org/templates/base.html
@@ -334,13 +334,14 @@
 
         .sidebar-search input {
             width: 100%;
-            padding: 0.5rem;
+            padding: 0.4rem 0.5rem;
             border: 1px solid var(--border-color-dark);
             border-radius: 3px;
             font-size: 0.75rem;
             background: var(--bg-color);
             color: var(--text-color);
             transition: border-color 0.2s;
+            box-sizing: border-box;
         }
 
         .sidebar-search input:focus {