From 2e15a8205e1c322a7a4d5b32faefcf3bd72e767d Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Thu, 20 Nov 2025 17:14:55 -0500
Subject: [PATCH] Fix margins on resource pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add max-width constraints to map and search input to match Tufte CSS
standard width (55%) and prevent content from stretching to edges.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 kjvstudy_org/templates/biblical_maps.html | 3 ++-
 kjvstudy_org/templates/search.html        | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/kjvstudy_org/templates/biblical_maps.html b/kjvstudy_org/templates/biblical_maps.html
index 070a058..2d21fab 100644
--- a/kjvstudy_org/templates/biblical_maps.html
+++ b/kjvstudy_org/templates/biblical_maps.html
@@ -9,8 +9,9 @@
 <style>
 .map-container {
     width: 100%;
+    max-width: 55%;
     height: 500px;
-    margin: 2rem 0;
+    margin: 2rem auto;
     border: 1px solid #ccc;
 }
 
diff --git a/kjvstudy_org/templates/search.html b/kjvstudy_org/templates/search.html
index 19be1c3..c9ed911 100644
--- a/kjvstudy_org/templates/search.html
+++ b/kjvstudy_org/templates/search.html
@@ -11,7 +11,7 @@
 
 .search-input {
     width: 100%;
-    max-width: 600px;
+    max-width: 55%;
     padding: 0.75rem;
     font-size: 1.1rem;
     border: 1px solid #ccc;