diff --git a/src/components/FlowEditor/editor/Automation2FlowEditor.module.css b/src/components/FlowEditor/editor/Automation2FlowEditor.module.css index 1b32bfb..f754050 100644 --- a/src/components/FlowEditor/editor/Automation2FlowEditor.module.css +++ b/src/components/FlowEditor/editor/Automation2FlowEditor.module.css @@ -254,35 +254,30 @@ padding: 0.75rem 1rem; border-bottom: 1px solid var(--border-color, #e0e0e0); background: var(--bg-primary, #fff); + overflow: visible; } -/* Toolbar: context (load + name) is fluid with ellipsis; actions stay right-aligned. */ +/* Toolbar: context (load + name) is fluid with ellipsis; actions wrap below on narrow viewports. */ .canvasHeaderRow { - display: grid; - grid-template-columns: minmax(0, 1fr) auto; - gap: 0.75rem; + display: flex; + flex-wrap: wrap; + gap: 0.5rem 0.75rem; align-items: center; width: 100%; } -@media (max-width: 900px) { - .canvasHeaderRow { - grid-template-columns: 1fr; - } -} - .canvasHeaderContext { display: flex; align-items: center; gap: 0.5rem; min-width: 0; - flex: 1; + flex: 1 1 auto; } /* Closed