Edit/delete US from backlog

app/fonts/taiga.svg

@@ -22,4 +22,6 @@
 <glyph unicode="&#109;" d="M335 238c0-3-1-5-3-7l-133-133c-2-2-5-3-7-3-2 0-5 1-7 3l-14 14c-2 2-3 4-3 7 0 2 1 5 3 6l112 113-112 112c-2 2-3 4-3 7 0 2 1 4 3 6l14 14c2 2 5 3 7 3 2 0 5-1 7-3l133-133c2-2 3-4 3-6z"/>
 <glyph unicode="&#110;" d="M344 357c0-3-1-5-3-7l-112-112 112-113c2-1 3-4 3-6 0-3-1-5-3-7l-14-14c-2-2-5-3-7-3-2 0-5 1-7 3l-133 133c-2 2-3 4-3 7 0 2 1 4 3 6l133 133c2 2 5 3 7 3 2 0 5-1 7-3l14-14c2-2 3-4 3-6z"/>
 <glyph unicode="&#111;" d="M399 302c0-3-1-5-3-7l-133-133c-2-2-5-3-7-3-2 0-5 1-7 3l-133 133c-2 2-3 4-3 7 0 2 1 4 3 6l15 15c1 1 4 2 6 2 3 0 5-1 7-2l112-113 112 113c2 1 4 2 7 2 2 0 5-1 6-2l15-15c2-2 3-4 3-6z"/>
+<glyph unicode="&#112;" d="M455 362l-93 93c-5 5-14 5-20 0l-253-254 1 0-1 0-35-130 0 0c-2-4 0-10 3-14 5-4 11-5 16-2l0 0 128 34 0 0 0 0 254 254c5 5 5 14 0 19z m-359-265l21 76 56-56z"/>
+<glyph unicode="&#113;" d="M434 160l-96 96 96 96c4 4 4 10 0 14l-68 68c-4 4-10 4-14 0l-96-96-96 96c-4 4-11 4-14 0l-68-68c-2-1-3-4-3-7 0-2 1-5 3-7l96-96-96-96c-2-2-3-5-3-7 0-3 1-6 3-7l68-68c1-2 4-3 7-3 2 0 5 1 7 3l96 96 96-96c2-2 5-3 7-3 3 0 5 1 7 3l68 68c4 4 4 10 0 14z"/>
 </font></defs></svg>

app/styles/dependencies/typography.scss

@@ -135,3 +135,9 @@ a, a:visited {
 .icon-arrow-bottom:before {
   content: "o";
 }
+.icon-edit:before {
+  content: "p";
+}
+.icon-delete:before {
+  content: "q";
+}

app/styles/modules/backlog-table.scss

@@ -27,6 +27,10 @@
             background: lighten( $greenTaiga, 60% );
             @include transition (background .2s ease-in);
             cursor: move;
+            .us-settings {
+                opacity: 1;
+                @include transition (opacity .2s ease-in);
+            }
         }
     }
     .row-selected {
@@ -45,6 +49,14 @@
             white-space: nowrap;
             display: inline-block;
         }
+        .icon {
+            color: $grayLight;
+            @extend .medium;
+            &:hover {
+                color: $grayer;
+                @include transition (color .3s linear);
+            }
+        }
     }
     .user-story-tags {
         margin-top: .3rem;
@@ -87,6 +99,12 @@
                 color: $white;
             }
         }
+        .icon {
+            color: $white;
+            &:hover {
+                color: $white;
+            }
+        }
     }
     .doom-line {
         width: 100%;
@@ -117,4 +135,10 @@
             }
         }
     }
+    .us-settings {
+        float: right;
+        margin-right: 2rem;
+        opacity: 0;
+        @include transition (opacity .2s ease-in);
+    }
 }

app/views/modules/backlog-table.jade

@@ -14,8 +14,9 @@ section.backlog-table
             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")
+                span.us-settings
+                    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
@@ -71,8 +72,9 @@ section.backlog-table
                 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")
+                    span.us-settings
+                        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

csslintrc.json

@@ -16,5 +16,6 @@
     "bulletproof-font-face": false,
     "important": false,
     "unqualified-attributes": false,
-    "regex-selectors": false
+    "regex-selectors": false,
+    "floats": false
 }