Repair due-date icon styles

app/modules/components/card/card-templates/card-data.jade

@@ -2,7 +2,7 @@
     ng-if="vm.visible('extra_info')"
     ng-class="{'empty-tasks': !vm.item.getIn(['model', 'tasks']).size}"
 )
-    span.card-estimation(
+    span.card-estimation.not-estimated(
         ng-if="vm.item.getIn(['model', 'total_points']) === null && vm.visible('empty_extra_info')",
         translate="US.NOT_ESTIMATED"
     )

app/modules/components/card/card.scss

@@ -160,6 +160,9 @@
     font-size: 14px;
     justify-content: space-between;
     padding: 0 1rem .5rem;
+    .card-estimation.not-estimated {
+        font-size: .8125rem;
+    }
 }
 
 .card-statistics {
@@ -180,6 +183,12 @@
         &.card-iocaine {
             cursor: help;
         }
+        &.card-votes {
+            margin-left: .2rem;
+        }
+        &.card-due-date {
+            margin-left: .1rem;
+        }
     }
     .icon {
         @include svg-size(.75rem);

app/modules/components/detail/header/detail-header.jade

@@ -1,4 +1,4 @@
-.detail-title-wrapper.e2e-story-header
+.detail-title-wrapper.e2e-story-header(ng-class="{readonly: !vm.permissions.canEdit}")
     h2.detail-title-text.ng-animate-disabled(
         ng-show="!vm.editMode"
         ng-hide="vm.editMode"

app/modules/components/detail/header/detail-header.scss

@@ -74,9 +74,15 @@
         margin-left: .75rem;
         opacity: 0;
         transition: opacity .2s;
-        svg {
-            @include svg-size(1.25rem);
     }
+    .detail-edit,
+    .due-date-icon {
+        svg {
+            @include svg-size(1.3rem);
+        }
+    }
+    &.readonly .due-date-icon {
+        margin-left: 2.7rem;
     }
 }
 

app/modules/components/due-date/due-date-icon.jade

@@ -1,7 +1,6 @@
-span.due-date-icon
-    tg-svg(
+tg-svg.due-date-icon(
     ng-if="vm.visible()"
     svg-icon="icon-clock"
     ng-class="vm.color()"
     ng-attr-title="{{ vm.title() }}"
-    )
+)

app/modules/components/due-date/due-date.scss

@@ -26,44 +26,43 @@ tg-due-date .due-date-button {
     }
 }
 
-tg-due-date .due-date-icon {
+.due-date-icon {
     display: inline-block;
-    line-height: .1rem;
     margin: 0 .25rem;
     position: relative;
-    top: .1rem;
     svg {
         fill: $gray-light;
-        height: 1.1rem;
         transition: fill .2s ease-in;
-        width: 1.1rem;
     }
-    .closed svg {
+    &.closed svg {
         fill: $gray-lighter;
     }
-    .due-set svg {
+    &.due-set svg {
         fill: $yellow-green;
     }
-    .due-soon svg {
+    &.due-soon svg {
         fill: $my-sin;
     }
-    .past-due svg {
+    &.past-due svg {
         fill: $red-light;
     }
 }
 
-.backlog-table-body .user-story-name .due-date-icon {
-    top: .25rem;
+.backlog-table-body .user-story-name,
+.related-tasks .task-name {
+    .due-date-icon {
+        top: .1rem;
+    }
 }
 
 .issues-table .subject .due-date-icon {
-    top: 0;
+    top: .25rem;
 }
 
 .card-statistics .due-date-icon {
-    margin: 0;
+    margin: .1rem 0 0;
     svg {
-        height: 1rem;
-        width: 1rem;
+        height: .9rem;
+        width: .9rem;
     }
 }