minor style improvements in backlog page

app/coffee/modules/backlog/main.coffee

@@ -336,6 +336,10 @@ BacklogDirective = ($repo, $rootscope) ->
     #########################
     ## Doom line Link
     #########################
+    #TODO: i18n
+    doomLineTemplate = _.template("""
+    <div class="doom-line"><span>Project Scope [Doomline]</span></div>
+    """)
 
     linkDoomLine = ($scope, $el, $attrs, $ctrl) ->
 
@@ -343,7 +347,7 @@ BacklogDirective = ($repo, $rootscope) ->
             $el.find(".doom-line").remove()
 
         addDoomLineDom = (element) ->
-            element?.before($( "<hr>", { class:"doom-line"}))
+            element?.before(doomLineTemplate({}))
 
         getUsItems = ->
             rowElements = $el.find('.backlog-table-body .us-item-row')

app/styles/components/summary.scss

@@ -48,14 +48,14 @@
 .summary-progress-bar {
     background: $whitish;
     float: left;
-    height: 26px;
+    height: 31px;
     margin-bottom: 0;
     margin-right: 10px;
     position: relative;
     width: 20%;
     .current-progress {
         background: $fresh-taiga;
-        height: 20px;
+        height: 24px;
         left: 2px;
         position: absolute;
         top: 3px;

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

@@ -6,7 +6,6 @@
         @include table-flex();
         @extend %small;
         border-bottom: 1px solid $gray-light;
-        cursor: move;
         padding: .5rem 0 .5rem .5rem;
         text-align: left;
         width: 100%;
@@ -91,6 +90,7 @@
 
 .backlog-table-body {
     .row {
+        cursor: move;
         position: relative;
         &:hover {
             @include transition (background .2s ease-in);
@@ -154,12 +154,18 @@
         }
     }
     .doom-line {
-        background: $red;
-        border-bottom: 2px solid lighten($red, 10%);
-        border-top: 2px solid darken($red, 10%);
-        height: 4px;
-        margin: .5rem 0;
+        background: rgba($red, .5);
+        padding: .5rem 0;
+        position: relative;
         width: 100%;
+        span {
+            @extend %small;
+            @extend %title;
+            color: $white;
+            position: absolute;
+            right: .5rem;
+            top: -3px;
+        }
     }
     .us-settings a,
     .icon-drag-v {
@@ -181,6 +187,6 @@
         opacity: 0;
         position: absolute;
         right: .5rem;
-        top: 1rem;
+        top: .5rem;
     }
 }