From 943ba26a2f6cc594a757cc58c1a94dfb7c15ba90 Mon Sep 17 00:00:00 2001
From: TheFlow <theflow@sydigital.com>
Date: Mon, 20 Oct 2025 08:44:08 +1300
Subject: [PATCH] fix(layout): remove constraining height and overflow from
 demo containers
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

SUMMARY:
Removed min-h-[600px] and overflow-auto that were causing content display
issues. Simplified to just w-full on inner containers.

ISSUE:
The min-height and overflow-auto combination was preventing proper content
rendering, causing the 'Simulate Pressure Increase' button to be hidden.

FIX:
- Removed min-h-[600px] from parent containers
- Removed overflow-auto from parent containers
- Added w-full to #pressure-chart and #activity-timeline divs
- Allows natural content flow and proper button visibility

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 public/architecture.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/architecture.html b/public/architecture.html
index 56a6bac6..1e6e49a1 100644
--- a/public/architecture.html
+++ b/public/architecture.html
@@ -372,13 +372,13 @@
 
       <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
         <!-- Context Pressure Monitor Visualization -->
-        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 min-h-[600px] overflow-auto">
-          <div id="pressure-chart"></div>
+        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200">
+          <div id="pressure-chart" class="w-full"></div>
         </div>
 
         <!-- Framework Activity Timeline -->
-        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 min-h-[600px] overflow-auto">
-          <div id="activity-timeline"></div>
+        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200">
+          <div id="activity-timeline" class="w-full"></div>
         </div>
       </div>
     </div>