Add styles and template changes on ssearch part.

app/partials/search.jade

@@ -4,7 +4,9 @@ block head
     title Taiga  Project management web application with scrum in mind!
 
 block content
-    div.wrapper
+    div.wrapper(tg-search, ng-controller="SearchController as ctrl",
+                ng-init="section='search'")
+
         sidebar.menu-secondary.sidebar
             include views/modules/search-in
 

app/partials/views/modules/search-filter.jade

@@ -1,31 +1,30 @@
 section.search-filter
     ul
-        li
+        li.userstories(data-name="userstories")
             a.active(href="#")
                 span.icon.icon-bulk
-                | 20 User Stories
+                span.num 0
+                span.name User Stories
 
-        li
+        li.issues(data-name="issues")
             a(href="#")
                 span.icon.icon-issues
-                | 3 Issues
+                span.num 0
+                span.name Issues
 
-        li
+        li.tasks(data-name="tasks")
             a(href="#")
                 span.icon.icon-bulk
-                | 23 Task
+                span.num 0
+                span.name Task
 
-        li
+        li.wiki(data-name="wiki")
             a(href="#")
                 span.icon.icon-wiki
-                | 2 Wiki pages
+                span.num 0
+                span.name Wiki Pages
 
-        li
+        // li
-            a(href="#")
+        //     a(href="#")
-                span.icon.icon-edit
+        //         span.icon.icon-edit
-                | 12 Documents
+        //         | 3 Users
-
-        li
-            a(href="#")
-                span.icon.icon-edit
-                | 3 Users

app/partials/views/modules/search-in.jade

@@ -1,6 +1,5 @@
 section.search-in
     header
-        form
+        fieldset
-            fieldset
+            input(type="text", placeholder="Search in...", ng-model="searchTerm")
-                input(type="text", placeholder="Search in...")
+            a.icon.icon-search(href="", title="search")
-                a.icon.icon-search(href="", title="search")

app/partials/views/modules/search-result-table.jade

@@ -1,14 +1,26 @@
-section.search-result-table.basic-table
+section.search-result-table
-    div.row.title
+    div.search-result-table-header
-        div.user-stories.width-4 User Stories
+        div.row.title
-        div.status.width-2 Status
+            div.user-stories.width-4 User Stories
-        div.points.width-1 Points
-        div.points.width-1 Sprints
-    - for (var x = 0; x < 50; x++)
-        div.row.table-main
-            div.user-stories.width-4
-                div.user-story-name
-                    a(href="") Crear el perfil de usuario Senior en el admin
             div.status.width-2 Status
-            div.points.width-1 12
+            div.points.width-1 Points
-            div.points.width-1 54
+            div.points.width-1 Sprints
+    div.search-result-table-body
+        - for (var x = 0; x < 50; x++)
+            div.row.table-main
+                div.user-stories.width-4
+                    div.user-story-name
+                        a(href="") Crear el perfil de usuario Senior en el admin
+                div.status.width-2 Status
+                div.points.width-1 12
+                div.points.width-1 54
+
+
+script(type="text/ng-template", id="search-issues")
+    div.row.table-main(ng-repeat="issue in issues track by issue.id")
+        div.user-stories.width-4
+            div.user-story-name
+                a(href="") Crear el perfil de usuario Senior en el admin
+        div.status.width-2 Status
+        div.points.width-1 12
+        div.points.width-1 54

app/styles/modules/search-filter.scss

@@ -21,4 +21,8 @@
     .icon {
         margin-right: .4rem;
     }
+
+    span.name {
+        padding-left: 5px;
+    }
 }

app/styles/modules/search-result-table.scss

@@ -1,14 +1,21 @@
 .search-result-table {
+
     .row {
+        @include table-flex;
         &:hover {
             background: lighten($green-taiga, 60%);
             @include transition (background .2s ease-in);
         }
+        div {
+            @include table-flex-child(1, 0, 0);
+        }
     }
     .row-selected {
         background: lighten($green-taiga, 60%);
         @include transition (background .2s ease-in);
     }
+
+      // TODO: refactor xaviju
     .user-story-name {
         flex-basis: 500px;
         input {