kanban front

app/partials/kanban.jade

@@ -0,0 +1,16 @@
+extends layout
+
+block head
+    title Taiga  Project management web application with scrum in mind!
+
+block content
+    div.wrapper
+        section.main.kanban
+            h1
+                span ProjectName
+                span.green Sprint Name
+                span.date 02/10/2014-15/10/2014
+            include views/components/large-summary
+            include views/modules/burndown
+            include views/modules/list-filters-kanban
+            include views/modules/taskboard-table

app/partials/views/modules/list-filters-kanban.jade

@@ -1,18 +1,23 @@
-section.issues-header
+section.list-filters
     ul
         li
             a(href="#").active
-                span.icon.icon-issues
-                | SHOW LIST
+                span.icon.icon-filter
+                | SHOW FILTERS
+
+        li
+            a(href="#")
+                span.icon.icon-tag
+                | SHOW TAGS
 
         li
             a(href="#")
                 span.icon.icon-graph
-                | SHOW GRAPH
+                | HIDE CFD GRAPH
 
     div.new-issue
         a.button-green(href="")
             span.text
-                | + NEW ISSUE
+                | + NEW TASK
         a.button-bulk(href="")
             span.icon.icon-bulk

app/styles/layout/kanban.scss

@@ -0,0 +1,8 @@
+.kanban {
+    .burndown-container {
+        display: none;
+    }
+    .list-filters {
+        margin-bottom: 1rem;
+    }
+}

app/styles/main.scss

@@ -55,3 +55,4 @@ $prefix-for-spec:      true;
 @import 'layout/base';
 @import 'layout/backlog';
 @import 'layout/taskboard';
+@import 'layout/kanban';

app/styles/modules/issues-header.scss

@@ -1,29 +0,0 @@
-.issues-header {
-    align-items: center;
-    background-color: $whitish;
-    display: flex;
-    justify-content: space-between;
-    padding: .5rem 1rem;
-    ul {
-        display: flex;
-        margin-bottom: 0;
-    }
-    li {
-        margin-right: 2rem;
-        a {
-            @extend %large;
-            font-family: 'ostrichSans';
-            opacity: .4;
-            &.active,
-            &:hover {
-                @include transition (opacity .3s linear);
-                color: $blackish;
-                opacity: 1;
-
-            }
-        }
-        .icon {
-            padding-right: .5rem;
-        }
-    }
-}

app/styles/modules/taskboard-table.scss

@@ -18,6 +18,9 @@
         margin: 0 .3rem;
         padding: .5rem 0;
         text-align: center;
+        &:first-child {
+            margin-left: 0;
+        }
     }
 }