Fixes in Kanban table

app/coffee/modules/kanban/sortable.coffee

@@ -63,7 +63,7 @@ KanbanSortableDirective = ($repo, $rs, $rootscope) ->
             itemEl.remove()
 
         tdom.sortable({
-            handle: ".icon-drag-h",
+            handle: ".icon-drag-h"
             dropOnEmpty: true
             connectWith: ".kanban-uses-box"
             revert: 400

app/styles/components/taskboard-task.scss

@@ -1,7 +1,15 @@
 .taskboard-task {
+    @include transition (box-shadow .4s linear);
     background: $postit;
+    box-shadow: none;
     margin-bottom: 1rem;
     position: relative;
+    &.ui-sortable-helper {
+        box-shadow: 1px 1px 15px rgba($black, .2);
+    }
+    &.ui-sortable-placeholder {
+        background: $grayer;
+    }
     .taskboard-tagline {
         @include table-flex();
     }
@@ -15,16 +23,18 @@
         padding: 1rem .5rem;
     }
     .avatar {
-        @include table-flex-child($flex-basis: 50px);
+        @include table-flex-child($flex-basis: 70px);
         a {
             @extend %small;
             display: block;
             text-align: center;
         }
         img {
+            border: 2px solid $postit-hover;
             margin: 0 auto;
         }
         figcaption {
+            color: darken($postit-hover, 15%);
             display: block;
             overflow: hidden;
             text-overflow: ellipsis;
@@ -39,6 +49,7 @@
     .taskboard-text {
         @extend %small;
         @include table-flex-child($flex-grow: 10, $flex-basis: 50px);
+        padding: 0 .5rem 0 1rem;
     }
     .icon-edit,
     .icon-drag-h {

app/styles/modules/backlog/taskboard-table.scss

@@ -64,6 +64,7 @@ $column-margin: 0 10px 0 0;
     .taskboard-tasks-box {
         background: $whitish;
     }
+
     .taskboard-userstory-box {
         .icon {
             @include transition(color .2s linear);
@@ -100,53 +101,6 @@ $column-margin: 0 10px 0 0;
             margin-right: .1rem;
         }
     }
-
-//    .us-ref {
-//        color: $gray;
-//        margin-right: .5rem;
-//    }
-//    .status {
-//        color: $green-taiga;
-//        margin-bottom: .5rem;
-//        position: relative;
-//        .icon {
-//            @include transition (opacity .2s linear);
-//            opacity: 0;
-//        }
-//        &:hover {
-//            .icon {
-//                @include transition (opacity .2s linear);
-//                opacity: 1;
-//            }
-//        }
-//    }
-//    .pop-status {
-//        @include popover(150px, 20px, 30px, '', '');
-//    }
-//    .pop-points {
-//        @include popover(200px, 125px, 30px, '', '');
-//        li {
-//            display: inline-block;
-//            width: 23%;
-//        }
-//        a {
-//            display: block;
-//            text-align: center;
-//            &:hover,
-//            &.active {
-//                background: $fresh-taiga;
-//                color: $white;
-//            }
-//        }
-//    }
-//    .new-task {
-//        margin-top: 3rem;
-//        opacity: 0;
-//    }
-//    .button-green {
-//        padding: 7px 80px;
-//    }
-
 }
 
 .points-list {