Improve kanban UI

www/kanban/app-kanban.less

@@ -1,5 +1,6 @@
 @import (once) "../../customize/src/less2/include/browser.less";
 @import (once) "../../customize/src/less2/include/framework.less";
+@import (once) "../../customize/src/less2/include/tools.less";
 
 .framework_main( @bg-color: @colortheme_kanban-bg,
 @warn-color: @colortheme_kanban-warn,
@@ -13,13 +14,9 @@
     min-height: auto;
 
     #cp-app-kanban-container {
-        display: inline-flex;
+        flex: 1;
+        display: flex;
         flex-flow: column;
-        height: 100%;
-        min-height: 100%;
-        width: 200%;
-        resize: horizontal;
-        overflow: hidden;
     }
     #cp-app-kanban-editor {
         flex: 1;
@@ -28,6 +25,95 @@
         height: 100%;
         overflow: hidden;
     }
+    #cp-app-kanban-content {
+        flex: 1;
+        overflow-y: auto;
+        display: flex;
+        flex-flow: column;
+        .kanban-container-outer {
+            flex: 1;
+            display: flex;
+            align-items: center;
+            .kanban-container {
+                flex: 1;
+                display: flex;
+                flex-wrap: wrap;
+                justify-content: space-evenly;
+            }
+        }
+
+        .kanban-board {
+            header {
+                display: flex;
+                align-items: center;
+                .kanban-title-board {
+                    flex: 1;
+                    margin-right: 10px;
+                    min-width: 0;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                }
+                #kanban-edit {
+                    color: black;
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+
+    #kanban-edit {
+        width: 100%;
+        background: transparent;
+        border: 1px solid rgba(0,0,0,0.3);
+    }
+
+    #kanban-addboard {
+        margin: 30px;
+        border: 1px solid;
+        width: 100px;
+        text-align: center;
+        background: @colortheme_kanban-bg;
+        font-weight: bold;
+        height: 100px;
+        align-self: flex-start;
+        font-size: 50px;
+        line-height: 100px;
+        cursor: pointer;
+        .tools_unselectable();
+    }
+
+    .kanban-removeboard {
+        float: right;
+        margin: 10px;
+        padding: 3px;
+        width: 30px;
+        text-align: center;
+        background: #eee;
+        font-weight: bold;
+        cursor: pointer;
+        .tools_unselectable();
+    }
+
+    .kanban-header-yellow {
+        background: #FC3;
+    }
+
+    .kanban-header-orange {
+        background: #F91;
+    }
+
+    .kanban-header-blue {
+        background: #0AC;
+    }
+
+    .kanban-header-red {
+        background: #E43;
+    }
+
+    .kanban-header-green {
+        background: #8C4;
+    }
 
     @media (max-width: @browser_media-medium-screen) {
         #cp-app-kanban-container {