status 'label' on issue page

README.md

@@ -52,6 +52,11 @@ Regrettably, optional file include is not possible in SASS, so I would recommend
 
 ## Changelog
 
+Latest (master):
+
+* Fixed .warning style
++ Coloring status on issue page (it'll look like label)
+
 v1.1.0 (2015-02-15):
 
 + Changed issue's journal appearance

src/sass/_variables.scss

@@ -11,6 +11,7 @@ $sidebar-position:              left !default;
 $color-priorities:              true !default;
 $color-trackers:                true !default;
 $colored-issue:                 true !default;
+$color-status:                  true !default;
 $use-gravatars:                 true !default;
 $use-font-awesome:              true !default;
 $issue-subject-large:           true !default;
@@ -391,6 +392,9 @@ $issue-padding:                 15px !default;
 $issue-gravatar-size:           50px !default;
 $issue-heading-size:            1.5 !default;
 
+$issue-attribute-padding-v:     3px;
+$issue-attribute-padding-h:     5px;
+
 
 //== Media queries breakpoints
 //

src/sass/components/_issue.scss

@@ -180,7 +180,7 @@ table.attributes {
 
     th,
     td {
-        padding: $table-condensed-cell-padding $table-condensed-cell-padding $table-condensed-cell-padding 0;
+        padding: $issue-attribute-padding-v $issue-attribute-padding-h $issue-attribute-padding-v 0;
         text-align: left;
         vertical-align: top;
     }
@@ -196,6 +196,29 @@ table.attributes {
     }
 }
 
+@if $color-status {
+    .attributes td.status {
+        display: inline-block;
+        width: auto;
+        margin-top: $issue-attribute-padding-v;
+        padding: 1px $table-cell-padding;
+        border-radius: $border-radius-base;
+        background-color: $brand-primary;
+        color: $brand-text;
+        font-size: $font-size-small;
+        font-weight: bold;
+        text-transform: uppercase;
+
+        .status-1 & {
+            background-color: $brand-info;
+        }
+
+        .closed & {
+            background-color: $brand-danger;
+        }
+    }
+}
+
 #new-relation-form {
     text-align: right;