From 32b9afceacf7390e11ebee261209ed1c3418c308 Mon Sep 17 00:00:00 2001
From: TheFlow <theflow@sydigital.com>
Date: Mon, 20 Oct 2025 08:20:09 +1300
Subject: [PATCH] fix(layout): add min-height to demo containers to prevent
 hidden content
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

SUMMARY:
Added min-h-[600px] to both demo containers to ensure content is visible.

ISSUE:
User reported 'Simulate Pressure Increase' button was hidden/not visible.
Content was rendering but container had no minimum height, causing
layout issues where buttons were hidden.

FIX:
Added min-h-[600px] to both:
- Context Pressure Monitor container
- Framework Activity Timeline container

This ensures 600px minimum height for proper content display.

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

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

diff --git a/public/architecture.html b/public/architecture.html
index 8a58360f..ae8787da 100644
--- a/public/architecture.html
+++ b/public/architecture.html
@@ -372,12 +372,12 @@
 
       <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">
+        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 min-h-[600px]">
           <div id="pressure-chart"></div>
         </div>
 
         <!-- Framework Activity Timeline -->
-        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200">
+        <div class="bg-gray-50 rounded-xl shadow-lg p-6 border border-gray-200 min-h-[600px]">
           <div id="activity-timeline"></div>
         </div>
       </div>