From d4962f43761d9b83cad8887462b2d36c02dae344 Mon Sep 17 00:00:00 2001
From: Paul Trowbridge <paul@hptrow.me>
Date: Wed, 1 Apr 2026 13:45:25 -0400
Subject: [PATCH] =?UTF-8?q?Fix=20baseline=20workbench=20layout=20=E2=80=94?=
 =?UTF-8?q?=20stack=20form=20above=20segments?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Switches from side-by-side panels to stacked layout so the filter
builder has full width and input fields are no longer cramped.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 public/styles.css | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/public/styles.css b/public/styles.css
index f5690a7..4cf566d 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -425,36 +425,32 @@ body {
 
 .baseline-layout {
     display: flex;
+    flex-direction: column;
     gap: 10px;
     flex: 1;
-    overflow: hidden;
+    overflow-y: auto;
     min-height: 0;
 }
 
 .baseline-form-panel {
-    width: 360px;
-    flex-shrink: 0;
     background: white;
     border-radius: 5px;
-    padding: 14px 16px;
+    padding: 14px 20px;
     box-shadow: 0 1px 3px rgba(0,0,0,.08);
-    overflow-y: auto;
-    display: flex;
-    flex-direction: column;
-    gap: 0;
+    flex-shrink: 0;
 }
 
 .baseline-segments-panel {
     flex: 1;
     background: white;
     border-radius: 5px;
-    padding: 14px 16px;
+    padding: 14px 20px;
     box-shadow: 0 1px 3px rgba(0,0,0,.08);
     overflow-y: auto;
     display: flex;
     flex-direction: column;
     gap: 8px;
-    min-width: 0;
+    min-height: 120px;
 }
 
 .panel-section-title {
@@ -469,7 +465,8 @@ body {
 .baseline-form {
     display: flex;
     flex-direction: column;
-    gap: 10px;
+    gap: 12px;
+    max-width: 860px;
 }
 
 .baseline-field-label {