pt/pf_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix baseline workbench layout — stack form above segments

Browse Source 
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>
This commit is contained in:
Paul Trowbridge 2026-04-01 13:45:25 -04:00
parent 5550a57f97
commit d4962f4376
1 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
public/styles.css
View File

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