Tags in backlog table

app/styles/components/tag.scss

@@ -0,0 +1,9 @@
+.tag {
+    text-align: center;
+    display: inline-block;
+    width: 7rem;
+    padding: 3px;
+    margin: 0 .5rem .5rem 0;
+    color: $white;
+    background: $grayer; /* Fallback */
+}

app/styles/main.scss

@@ -22,6 +22,7 @@ $prefix-for-spec:      true;
 @import 'components/avatar';
 @import 'components/summary';
 @import 'components/popover';
+@import 'components/tag';
 
 //Layout
 @import 'layout/base';

app/styles/modules/backlog-table.scss

@@ -33,7 +33,7 @@
         background: lighten( $greenTaiga, 60% );
         @include transition (background .2s ease-in);
     }
-    .user-stories {
+    .user-story-name {
         flex-basis: 500px;
         input {
             vertical-align: top;
@@ -46,6 +46,10 @@
             display: inline-block;
         }
     }
+    .user-story-tags {
+        margin-top: .3rem;
+        display: none;
+    }
     .title {
         font-family: 'DroidSans-Bold';
         @extend .medium;

app/views/components/tag.jade

@@ -0,0 +1 @@
+span.tag Tag name

app/views/modules/backlog-table.jade

@@ -1,23 +1,25 @@
 section.backlog-table
-  div.row.title
+    div.row.title
-    div.user-stories.width-4 User Stories
+        div.user-stories.width-4 User Stories
-    div.status.width-2 Status
-    div.points.width-1 Points
-    div.points.width-1
-  div.row.sub-title
-    div.user-stories.width-4
-    div.status.width-2
-    div.points.width-1 Front
-    div.points.width-1 Back
-  - for (var x = 0; x < 50; x++)
-      div.row.table-main
-        div.user-stories.width-4
-          input(type="checkbox", name="")
-          a(href="") Crear el perfil de usuario Senior en el admin
-          a(href="", title="Edit")
-          span.icon.icon-edit
-          a(href="", title="Delete")
-          span.icon.icon-delete
         div.status.width-2 Status
+        div.points.width-1 Points
+        div.points.width-1
+      div.row.sub-title
+        div.user-stories.width-4
+        div.status.width-2
         div.points.width-1 Front
         div.points.width-1 Back
+      - for (var x = 0; x < 50; x++)
+            div.row.table-main
+                div.user-stories.width-4
+                    div.user-story-name
+                        input(type="checkbox", name="")
+                        a(href="") Crear el perfil de usuario Senior en el admin
+                        a.icon.icon-edit(href="", title="Edit")
+                        a.icon.icon-delete(href="", title="Delete")
+                    div.user-story-tags
+                        - for(var y = 0; y < 3; y++)
+                            include ../components/tag
+                div.status.width-2 Status
+                div.points.width-1 Front
+                div.points.width-1 Back