From 2fbf1822b8f54fff6a3b49fe7cb2aefd8e7ce00f Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Fri, 12 Dec 2025 12:51:33 -0500
Subject: [PATCH] Fix resource detail page mobile viewport scaling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added missing mobile media query to make max-width elements
(description, verse text, intro text) expand to 100% on mobile,
preventing the zoomed-out 55% width issue.

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

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

diff --git a/kjvstudy_org/templates/resource_detail.html b/kjvstudy_org/templates/resource_detail.html
index 28a11a6..9ef37df 100644
--- a/kjvstudy_org/templates/resource_detail.html
+++ b/kjvstudy_org/templates/resource_detail.html
@@ -105,6 +105,14 @@ article {
     height: 16px;
 }
 
+@media (max-width: 768px) {
+    .resource-description,
+    .verse-text,
+    .intro-text {
+        max-width: 100%;
+    }
+}
+
 @media print {
     .resource-actions {
         display: none;