Simplify issue-box style

1 files changed, 16 insertions, 31 deletions

diff --git a/app/assets/stylesheets/generic/issue_box.scss b/app/assets/stylesheets/generic/issue_box.scss
index bd692417989..9847e80f8e6 100644
--- a/app/assets/stylesheets/generic/issue_box.scss
+++ b/app/assets/stylesheets/generic/issue_box.scss
@@ -17,52 +17,36 @@
   &.issue-box-closed {
     border-color: $border_danger;
     .state {
-      background-color: $bg_light_danger;
+      background-color: $bg_danger;
+      color: #FFF;
       border-color: $border_danger;
-      color: $color_danger;
-      .state-label {
-        background-color: $bg_danger;
-        color: #FFF;
-      }
     }
   }
 
   &.issue-box-merged {
     border-color: $border_primary;
     .state {
-      background-color: $bg_light_primary;
+      background-color: $bg_primary;
+      color: #FFF;
       border-color: $border_primary;
-      color: $color_primary;
-      .state-label {
-        background-color: $bg_primary;
-        color: #FFF;
-      }
     }
   }
 
   &.issue-box-open {
     border-color: $border_success;
     .state {
-      background-color: $bg_light_success;
       border-color: $border_success;
-      color: $color_success;
-      .state-label {
-        background-color: $bg_success;
-        color: #FFF;
-      }
+      background-color: $bg_success;
+      color: #FFF;
     }
   }
 
   &.issue-box-expired {
     border-color: #cea61b;
     .state {
-      background-color: #fcf8e3;
       border-color: #faebcc;
-      color: #8a6d3b;
-      .state-label {
-        background: #cea61b;
-        color: #FFF;
-      }
+      background: #cea61b;
+      color: #FFF;
     }
   }
 
@@ -72,7 +56,7 @@
 
   .state {
     border-bottom: 1px solid #DDD;
-    line-height: 32px;
+    padding: 10px 25px;
   }
 
   .title {
@@ -115,14 +99,15 @@
 
   .state-label {
     font-size: 14px;
-    padding: 1px 25px;
-    text-align: center;
-    text-shadow: none;
-    display: inline-block;
-    line-height: 34px;
+    float: left;
+    font-weight: bold;
   }
 
   .creator {
-    padding: 2px 15px;
+    float: right;
+    a {
+      color: #FFF;
+      text-decoration: underline;
+    }
   }
 }