From 507747be7ca421ac50741acde6c599fa1e631807 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Wed, 11 Jun 2014 14:12:26 +0200
Subject: [PATCH] Minor backlog fixes

---
 app/partials/views/modules/backlog-table.jade |  1 +
 app/styles/modules/backlog-table.scss         | 27 +++++++++++++++----
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/app/partials/views/modules/backlog-table.jade b/app/partials/views/modules/backlog-table.jade
index b0ade700..66806915 100644
--- a/app/partials/views/modules/backlog-table.jade
+++ b/app/partials/views/modules/backlog-table.jade
@@ -65,6 +65,7 @@ section.backlog-table
                     a(href="", title="Status 2") Status 2
                 li
                     a(href="", title="Status 3") Status 3
+         a.icon.icon-drag-v(href="", title="Drag")
     hr.doom-line
     - for (var x = 0; x < 50; x++)
         div.row.table-main
diff --git a/app/styles/modules/backlog-table.scss b/app/styles/modules/backlog-table.scss
index 78e6389d..9f3392de 100644
--- a/app/styles/modules/backlog-table.scss
+++ b/app/styles/modules/backlog-table.scss
@@ -4,12 +4,12 @@
     .row {
         @include table-flex();
         padding: 1rem 0 1rem 1rem;
+        position: relative;
         text-align: left;
         width: 100%;
         &:hover {
             background: lighten($green-taiga, 60%);
             @include transition (background .2s ease-in);
-            cursor: move;
             .us-settings {
                 opacity: 1;
                 @include transition (opacity .2s ease-in);
@@ -33,6 +33,7 @@
             white-space: nowrap;
         }
         .icon {
+            @extend %medium;
             color: $gray-light;
             &:hover {
                 color: $grayer;
@@ -51,9 +52,6 @@
     .backlog-table-header,
     .sub-title,
     .table-main {
-        &:hover {
-            background: transparent;
-        }
         .user-stories {
             @include table-flex-child(20, 100px, 0, 0);
         }
@@ -64,6 +62,12 @@
             @include table-flex-child(1, 100px, 0, 0);
         }
     }
+    .backlog-table-header,
+    .sub-title {
+        &:hover {
+            background: transparent;
+        }
+    }
     .sub-title {
         @extend %small;
         background: $whitish;
@@ -87,7 +91,6 @@
         &:hover {
             background: $red;
             @include transition (background .2s ease-in);
-            cursor: move;
         }
         a {
             color: $white;
@@ -96,6 +99,7 @@
             }
         }
         .icon {
+            @extend %medium;
             color: $white;
             &:hover {
                 color: $white;
@@ -137,4 +141,17 @@
         opacity: 0;
         @include transition (opacity .2s ease-in);
     }
+    .icon-drag-v {
+        @include transition(color .2s linear);
+        @extend %large;
+        color: $gray-light;
+        position: absolute;
+        right: .5rem;
+        top: 30%;
+        &:hover {
+            @include transition(color .2s linear);
+            color: $grayer;
+            cursor: move;
+        }
+    }
 }