rename issues header to list filters

app/partials/issues.jade

@@ -16,5 +16,5 @@ block content
             header
                 include views/components/mainTitle
 
-            include views/modules/issues-header
+            include views/modules/list-filters
             include views/modules/issues-table

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

@@ -0,0 +1,18 @@
+section.list-filters
+    ul
+        li
+            a(href="#").active
+                span.icon.icon-issues
+                | SHOW LIST
+
+        li
+            a(href="#")
+                span.icon.icon-graph
+                | SHOW GRAPH
+
+    div.new-issue
+        a.button-green(href="")
+            span.text
+                | + NEW ISSUE
+        a.button-bulk(href="")
+            span.icon.icon-bulk

app/styles/main.scss

@@ -37,7 +37,7 @@ $prefix-for-spec:      true;
 @import 'modules/search-result-table';
 @import 'modules/search-in';
 @import 'modules/issues-table';
-@import 'modules/issues-header';
+@import 'modules/list-filters';
 @import 'modules/filter-tags';
 @import 'modules/admin-menu';
 @import 'modules/admin-submenu';

app/styles/modules/list-filters.scss

@@ -0,0 +1,29 @@
+.list-filters {
+    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;
+        }
+    }
+}