Issues data

app/partials/issues-detail.jade

@@ -47,18 +47,19 @@ block content
                 span Open
                 span.us-detail-status In progress
 
-            div.us-detail-progress-bar
+            div.issue-data
-                div.current-progress
+                div.severity-data
-                span.tasks-completed 6/7 tasks completed
+                    span.level
-
+                    span.severity-status Important
-            ul.points-per-role
+                    span.level-name severity
-                li.total
+                div.priority-data
-                    span.points 10
+                    span.level
-                    span.role total
+                    span.priority-status low
-
+                    span.level-name priority
-                li(ng-repeat="role in roles track by role.id")
+                div.status-data
-                    span.points 10
+                    span.level
-                    span.role UX
+                    span.status-status new
+                    span.level-name status
 
             include views/components/assigned-to
             section.watchers(tg-watchers, ng-model="issue.watchers")

app/styles/components/level.scss

@@ -0,0 +1,7 @@
+.level {
+    background-color: $gray-light;
+    border-radius: 9px;
+    height: 18px;
+    margin: 0 auto;
+    width: 18px;
+}

app/styles/layout/us-detail.scss

@@ -177,6 +177,27 @@
     }
 }
 
+.issue-data {
+    div {
+        @include clearfix();
+        background: darken($whitish, 5%);
+        margin-bottom: 1rem;
+        padding: .5rem;
+        &:last-child {
+            margin: 0;
+        }
+    }
+    .level {
+        display: inline-block;
+        margin-right: .5rem;
+        vertical-align: top;
+    }
+    .level-name {
+        color: darken($whitish, 20%);
+        float: right;
+    }
+}
+
 .us-detail-assigned-to {
     @include table-flex();
     margin-top: 2rem;

app/styles/main.scss

@@ -28,6 +28,7 @@ $prefix-for-spec:      true;
 @import 'components/basic-table';
 @import 'components/paginator';
 @import 'components/watchers';
+@import 'components/level';
 
 //Modules
 @import 'modules/nav';

app/styles/modules/issues-table.scss

@@ -33,13 +33,6 @@
             margin-left: 1rem;
         }
     }
-    .level {
-        background-color: $gray-light;
-        border-radius: 9px;
-        height: 18px;
-        margin: 0 auto;
-        width: 18px;
-    }
     .level-field {
         @include table-flex-child(1, 50px, 0, 50px);
         text-align: center;