Add colors to build labels

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

app/assets/stylesheets/ci/projects.scss

@@ -13,6 +13,48 @@
 
   .builds,
   .projects-table {
+    .build-danger {
+      .ci-status {
+        color: $gl-danger;
+        border-color: $gl-danger;
+      }
+    }
+
+    .build-success {
+      .ci-status {
+        color: $gl-success;
+        border-color: $gl-success;
+      }
+    }
+
+    .build-info {
+      .ci-status {
+        color: $gl-info;
+        border-color: $gl-info;
+      }
+    }
+
+    .build-disabled {
+      .ci-status {
+        color: $gl-gray;
+        border-color: $gl-gray;
+      }
+    }
+
+    .build-warning {
+      .ci-status {
+        color: $gl-warning;
+        border-color: $gl-warning;
+      }
+    }
+
+    .ci-status {
+      padding: 2px 5px;
+      margin-right: 5px;
+      border: 1px solid #EEE;
+      @include border-radius(4px);
+    }
+
     .light {
       border-color: $border-color;
     }

app/views/ci/builds/_build.html.haml

 %tr.build{class: build_status_css_class(build)}
   %td.status
+    %span.ci-status<
       = build.status
 
   %td.build-link

app/views/ci/commits/_commit.html.haml

 %tr.build{class: commit_status_css_class(commit)}
   %td.status
+    %span.ci-status<
       = commit.status
     - if commit.running?
       &middot;

app/views/ci/commits/show.html.haml

@@ -44,8 +44,8 @@
 
 %h3 Status
 
-.build.alert{class: commit_status_css_class(@commit)}
-  .status
+.build{class: commit_status_css_class(@commit)}
+  .ci-status
     = @commit.status.titleize
 
 %h3