From e9e912457088a3d560320c328b9a0d6452fe1382 Mon Sep 17 00:00:00 2001
From: Brad Rydzewski <brad.rydzewski@gmail.com>
Date: Thu, 21 May 2015 01:24:42 -0700
Subject: [PATCH] console output has border indicating build state

---
 .../static/scripts/views/build.html           |  2 +-
 cmd/drone-server/static/styles/drone.css      | 23 +++++++++++++++++--
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/cmd/drone-server/static/scripts/views/build.html b/cmd/drone-server/static/scripts/views/build.html
index 02930aa22..9d70e688a 100644
--- a/cmd/drone-server/static/scripts/views/build.html
+++ b/cmd/drone-server/static/scripts/views/build.html
@@ -77,7 +77,7 @@
 				</table>
 			</section>
 
-			<pre id="term" ng-if="task && task.state !== 'pending'"></pre>
+			<pre id="term" ng-if="task && task.state !== 'pending'" ng-class="[task.state]"></pre>
 
 
 
diff --git a/cmd/drone-server/static/styles/drone.css b/cmd/drone-server/static/styles/drone.css
index 9b12b78c3..7dc3d7d6a 100644
--- a/cmd/drone-server/static/styles/drone.css
+++ b/cmd/drone-server/static/styles/drone.css
@@ -1228,9 +1228,11 @@ header .logo {
     background:#424242;
     position:relative;
     height:56px;
-    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
     position: sticky;
     top: 0px;
+
+    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
+    box-shadow: none;
 }
 .toolbar .breadcrumb {
     max-width:900px;
@@ -1277,6 +1279,19 @@ header .logo {
     top:0px;
 }
 
+
+pre.success {
+    border-left:10px solid #81C784;
+    background: #424242;
+}
+
+pre.error,
+pre.killed,
+pre.failure {
+    border-left:10px solid #E57373;
+    background: #424242;
+}
+
 article > pre {
     font-family: "Droid Sans Mono","Roboto","Arial";
     font-size: 13px;
@@ -1290,6 +1305,7 @@ article > pre {
     border-radius:2px;
 }
 
+
 article {
     padding:0px 20px;
     max-width:900px;
@@ -1303,8 +1319,10 @@ section {
     background:#FFF;
     padding:0px;
     margin-top:30px;
-    border:1px solid #EEE;
     border-radius:2px;
+
+    border:1px solid #EEE;
+    border:none;
 }
 
 section h2 {
@@ -1403,6 +1421,7 @@ section > .search a {
     float:right;
     transition: all .5s;
     border-radius:2px;
+    text-transform:uppercase;
 }
 section > .search a:hover {
     background: #00ACC1;