From 08786e633640f8663ee17d30b87e3bb154af0bec Mon Sep 17 00:00:00 2001 From: Kenneth Reitz Date: Mon, 26 May 2025 15:20:36 -0400 Subject: [PATCH] Adjust page layout widths and grid proportions Reduce main container max-width from 1200px to 1000px while expanding commentary container and switching two-column grid from fixe --- kjvstudy_org/static/style.css | 2 +- kjvstudy_org/templates/book_commentary.html | 10 +++++----- kjvstudy_org/templates/chapter.html | 12 ------------ 3 files changed, 6 insertions(+), 18 deletions(-) diff --git a/kjvstudy_org/static/style.css b/kjvstudy_org/static/style.css index 8efbc6f..2ab67df 100644 --- a/kjvstudy_org/static/style.css +++ b/kjvstudy_org/static/style.css @@ -168,7 +168,7 @@ body { } .container { - max-width: 1200px; + max-width: 1000px; margin: 0 auto; padding: 3rem 2rem; } diff --git a/kjvstudy_org/templates/book_commentary.html b/kjvstudy_org/templates/book_commentary.html index 238bd34..8cf1d76 100644 --- a/kjvstudy_org/templates/book_commentary.html +++ b/kjvstudy_org/templates/book_commentary.html @@ -140,7 +140,7 @@ h1, h2, h3, h4, h5, h6 { } .commentary-container { - max-width: 1400px; + max-width: 1600px; margin: 0 auto; padding: 0 1rem; width: 100%; @@ -286,7 +286,7 @@ h1, h2, h3, h4, h5, h6 { box-shadow: var(--shadow-sm); margin-bottom: 2rem; width: 100%; - max-width: 320px; + max-width: 350px; justify-self: start; } @@ -409,7 +409,7 @@ h1, h2, h3, h4, h5, h6 { .main-content { width: 100%; - max-width: 800px; + max-width: 900px; overflow-wrap: break-word; margin: 0 auto; padding: 0; @@ -420,7 +420,7 @@ h1, h2, h3, h4, h5, h6 { .two-column { display: grid; - grid-template-columns: 1fr 320px; + grid-template-columns: 3fr 1fr; gap: 3rem; align-items: start; max-width: 100%; @@ -453,7 +453,7 @@ h1, h2, h3, h4, h5, h6 { } .commentary-container { - max-width: 1100px; + max-width: 1300px; } .container { diff --git a/kjvstudy_org/templates/chapter.html b/kjvstudy_org/templates/chapter.html index eb25643..a3fa012 100644 --- a/kjvstudy_org/templates/chapter.html +++ b/kjvstudy_org/templates/chapter.html @@ -219,18 +219,6 @@ font-size: 1.25rem; line-height: 1.7; } -} - - - - - -
  • - - {{ ref.text }} - {{ ref.verse_text|default("Click to view " + ref.text) }} - - {{ ref.context }} -
  • {% endblock %}