Dialog box at the bottom. Property layout fully operationnel

src/components/workflows/assets/Workflows.css

@@ -59,6 +59,7 @@
   box-sizing: border-box;
   font-family: Arial, sans-serif;
   background-color: var(--color-base-100);  /* bg-base-100 */
+  overflow: auto;
 
 }
 
@@ -79,10 +80,10 @@
 }
 
 .wkf-properties-properties {
-    display: inline-block;
     vertical-align: top;
     position: relative;
     box-sizing: border-box;
+    overflow: auto;
 }
 
 .wkf-properties-handle-left {
@@ -105,6 +106,28 @@
     background-color: transparent;
 }
 
+.wkf-properties-top {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: move;
+    padding: 4px;
+}
+
+.wkf-properties-handle-top {
+    background-image: radial-gradient(var(--color-splitter) 40%, transparent 0);
+    background-repeat: repeat;
+    background-size: 4px 4px;
+    cursor: move;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 8px;
+    width: 20px;
+    position: relative;
+    top: 1px;
+}
+
 .wkf-canvas {
   position: relative;
   box-sizing: border-box;