From 195c7d8b3b3d591a02607de1ad2093b7da19c1c1 Mon Sep 17 00:00:00 2001
From: John Mizerek <mizerek@gmail.com>
Date: Sun, 1 Mar 2026 22:22:53 -0800
Subject: [PATCH] Fix properties panel overflow and make header sticky

Properties panel was extending off screen due to missing min-height: 0
on flex containers. Made Properties header sticky so it floats as you
scroll through long modifier lists.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 portal/menu-builder.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/portal/menu-builder.html b/portal/menu-builder.html
index fc62508..71bf6d3 100644
--- a/portal/menu-builder.html
+++ b/portal/menu-builder.html
@@ -17,6 +17,7 @@
     .builder-container {
       display: flex;
       flex: 1;
+      min-height: 0;
       gap: 16px;
       padding: 16px;
       overflow: hidden;
@@ -468,6 +469,7 @@
     /* Properties Panel */
     .builder-properties {
       width: 320px;
+      min-height: 0;
       background: #fff;
       border-radius: var(--radius);
       box-shadow: var(--shadow);
@@ -479,6 +481,12 @@
     }
 
     .properties-header {
+      position: sticky;
+      top: -16px;
+      margin: -16px -16px 0 -16px;
+      padding: 16px;
+      background: #fff;
+      z-index: 1;
       display: flex;
       justify-content: space-between;
       align-items: center;