From daa29edbc6d5a93b8b2e8f468386ecabfcc9be8e Mon Sep 17 00:00:00 2001
From: Brad Rydzewski <brad.rydzewski@gmail.com>
Date: Mon, 10 Aug 2015 00:29:04 -0700
Subject: [PATCH] added overall build status to header

---
 .../scripts/views/builds/show/content.html    |  4 +-
 cmd/drone-server/static/styles/main.css       | 37 +++++++++++--------
 2 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/cmd/drone-server/static/scripts/views/builds/show/content.html b/cmd/drone-server/static/scripts/views/builds/show/content.html
index c1b27bac7..1714caaed 100644
--- a/cmd/drone-server/static/scripts/views/builds/show/content.html
+++ b/cmd/drone-server/static/scripts/views/builds/show/content.html
@@ -7,7 +7,7 @@
                 <div class="build-section">
                     <div class="status"><i class="material-icons">close</i></div><!--remove-->
                     <div class="build-summary">
-                      <h2>{{ build.head_commit.message }}</h2>
+                      <h2><small class="status {{build.status}}">{{ build.status }}</small>{{ build.head_commit.message }}</h2>
                       <p><em>{{ build.head_commit.author.login }}</em> pushed to <em>{{ build.head_commit.branch }}</em> {{ build.started_at | fromNow }}</p>
                     </div>
                 </div>
@@ -38,4 +38,4 @@
 
             <pre id="term"></pre>
         </article>
-    </main>
\ No newline at end of file
+    </main>
diff --git a/cmd/drone-server/static/styles/main.css b/cmd/drone-server/static/styles/main.css
index cfd278ae3..baae6ae9d 100644
--- a/cmd/drone-server/static/styles/main.css
+++ b/cmd/drone-server/static/styles/main.css
@@ -171,9 +171,9 @@ main aside > div {
     font-weight:300;
 }
 
-@media (-webkit-min-device-pixel-ratio: 1) { 
+@media (-webkit-min-device-pixel-ratio: 1) {
     .console pre {
-        font-weight:400; 
+        font-weight:400;
         line-height:20px;
         font-size:13px;
     }
@@ -306,7 +306,19 @@ main aside > div {
     box-sizing: border-box;
 }
 .build-summary h2 {
-    line-height:21px;
+    line-height:23px;
+}
+.build-summary h2 small {
+    font-size: 11px;
+    text-transform: uppercase;
+    padding: 3px 10px;
+    border-radius: 2px;
+    margin-right: 5px;
+    vertical-align: top;
+    color:#FFF;
+    width:auto;
+    height:auto;
+    display:inline;
 }
 .build-summary p {
     margin-top:10px;
@@ -623,18 +635,18 @@ pre.snippet {
 
 .status.running i,
 .status.pending i {
-    -webkit-animation-name:             delayed-rotate; 
-    -webkit-animation-duration:         1s; 
+    -webkit-animation-name:             delayed-rotate;
+    -webkit-animation-duration:         1s;
     -webkit-animation-iteration-count:  infinite;
     -webkit-animation-timing-function:  ease-in-out;
 
-    -moz-animation-name:             delayed-rotate; 
-    -moz-animation-duration:         1s; 
+    -moz-animation-name:             delayed-rotate;
+    -moz-animation-duration:         1s;
     -moz-animation-iteration-count:  infinite;
     -moz-animation-timing-function:  ease-in-out;
 
-    animation-name:             delayed-rotate; 
-    animation-duration:         1s; 
+    animation-name:             delayed-rotate;
+    animation-duration:         1s;
     animation-iteration-count:  infinite;
     animation-timing-function:  ease-in-out;
 }
@@ -694,10 +706,3 @@ section.search menu i {
 /*
  * Lists
  */
-
-
-
-
-
-
-