add splitter

3 files changed, 14 insertions, 31 deletions

diff --git a/web/src/css/flowdetail.less b/web/src/css/flowdetail.less
index 19eeecc0..88334391 100644
--- a/web/src/css/flowdetail.less
+++ b/web/src/css/flowdetail.less
@@ -1,4 +1,5 @@
 .flow-detail {
+    width: 100%;
     overflow: auto;
     
     nav {
diff --git a/web/src/css/header.less b/web/src/css/header.less
index 66e8ac8a..5f91beaf 100644
--- a/web/src/css/header.less
+++ b/web/src/css/header.less
@@ -7,37 +7,7 @@ header {
     }
 
     @separator-color: lighten(grey, 15%);
-/*
-    nav {
-        border-bottom: solid @separator-color 1px;
-
-        a {
-            display: inline-block;
-            padding: 3px 14px;
-            margin: 0 2px -1px;
-            border: solid transparent 1px;
-            //text-transform: uppercase;
-            //font-family: Lato;
 
-            &.active {
-                border-color: @separator-color;
-                border-bottom-color: white;
-            }
-            &.active, &:hover {
-                text-decoration: none;
-            }
-            &.special {
-                @special-color: #396cad;
-                color: white;
-                background-color: @special-color;
-                border-bottom-color: @special-color;
-                &:hover {
-                    background-color: lighten(@special-color, 10%);
-                }
-            }
-        }
-    }
-*/
     .menu {
         padding: 10px;
         border-bottom: solid @separator-color 1px;
diff --git a/web/src/css/layout.less b/web/src/css/layout.less
index 6e4abd24..55d6f61e 100644
--- a/web/src/css/layout.less
+++ b/web/src/css/layout.less
@@ -25,7 +25,19 @@ html, body, #container {
 
     .flow-detail, .flow-table {
         flex: 1 1 auto;
-        flex-basis: 50%;
     }
 
+}
+
+.splitter {
+    flex: 0 0 4px;
+    background-color: #ccc;
+    content: "X";
+
+}
+.splitter-x {
+    cursor: col-resize;
+}
+.splitter-y {
+    cursor: row-resize;
 }
\ No newline at end of file