Fix dataflow canvas and side panel layout

webui/src/module.ts

@@ -1,7 +1,7 @@
 import { createElement, lazy } from "react";
 import type { PlatformWebModule } from "@govoplan/core-webui";
-import "./styles/dataflow.css";
 import "@xyflow/react/dist/style.css";
+import "./styles/dataflow.css";
 
 const DataflowPage = lazy(() => import("./features/dataflow/DataflowPage"));
 

webui/src/styles/dataflow.css

@@ -418,14 +418,20 @@
 
 .dataflow-palette-items {
   display: grid;
+  grid-auto-rows: max-content;
+  align-content: start;
   gap: 4px;
   height: calc(100% - 44px);
   padding: 8px;
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
+  scrollbar-gutter: stable;
 }
 
 .dataflow-palette-group {
   display: grid;
+  grid-auto-rows: max-content;
+  align-content: start;
   gap: 2px;
 }
 
@@ -682,10 +688,14 @@
 
 .dataflow-inspector-fields {
   display: grid;
+  grid-auto-rows: max-content;
+  align-content: start;
   gap: 12px;
   height: calc(100% - 44px);
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
   padding: 12px;
+  scrollbar-gutter: stable;
 }
 
 .dataflow-inspector-fields .form-field {