From 2c1e4f361206cd5d18e88d46e00d9937db128dce Mon Sep 17 00:00:00 2001
From: Brad Rydzewski <brad.rydzewski@gmail.com>
Date: Thu, 28 May 2015 22:08:29 -0700
Subject: [PATCH] added style to sub-build page

---
 .../static/scripts/views/build.html           | 52 ++++++++-----------
 cmd/drone-server/static/styles/drone.css      | 28 ++++++++--
 2 files changed, 46 insertions(+), 34 deletions(-)

diff --git a/cmd/drone-server/static/scripts/views/build.html b/cmd/drone-server/static/scripts/views/build.html
index 9d70e688..dac55dd1 100644
--- a/cmd/drone-server/static/scripts/views/build.html
+++ b/cmd/drone-server/static/scripts/views/build.html
@@ -36,48 +36,40 @@
 						<div class="status {{ build.state }}" ng-if="!task"></div>
 					</div>
 					<div class="commit-meta">
-						<h2>{{ build.message }}</h2>
-						<h3>authored <span>{{ build.created_at | fromNow }}</span> by <span>@{{ build.author }}</span></h3>
-
+						<h3>{{ build.message }}</h3>
+						<p><strong>{{ build.author }}</strong> pushed <strong>{{ build.sha.substr(0,8) }}</strong> to <strong>{{ build.branch }}</strong></p>
+						{{ build.exit_code }}
+						{{ build.started_at | fromNow }}
 						<span class="octicon octicon-git-commit">{{ build.sha.substr(0,8) }}</span>
 						<span class="octicon octicon-git-branch">{{ build.branch }}</span>
 						<span class="octicon octicon-clock" style="background:#FFF;">{{ build.duration | toDuration }} duration</span>
 
-						<span class="octicon octicon-settings" style="color: #BDBDBD; background:#FFF;position:absolute;top:20px;right:10px;padding:0px;font-size:24px;opacity:0.8;margin:0px;"></span>
-						<span class="md md-more-horiz" style="position:absolute;bottom:20px;right:20px;color:#BDBDBD;font-size:24px;opacity:0.8;margin:0px;"></span>
 
 					</div>
 
 				</section>
 
 			<section ng-if="build.builds.length > 1">
-				<table border="1">
-					<thead>
-						<tr>
-							<th>Number</th>
-							<th>Status</th>
-							<th>Started</th>
-							<th>Finished</th>
-							<th>Duration</th>
-							<th>Exit Code</th>
-							<th>Matrix</th>
-						</tr>
-					</thead>
-					<tbody>
-						<tr ng-repeat="task in build.builds">
-							<td><a ng-href="{{ repo.full_name }}/{{ build.sequence }}/{{ task.sequence }}">{{ task.sequence }}</a></td>
-							<td>{{ task.state }}</td>
-							<td>{{ task.started_at | fromNow }}</td>
-							<td>{{ task.finished_at | fromNow }}</td>
-							<td>{{ task.duration | toDuration }}</td>
-							<td>{{ task.exit_code }}</td>
-							<td>{{ task.environment }}</td>
-						</tr>
-					</tbody>
-				</table>
+
+				<a class="row build-row sub-build-row" ng-repeat="task in build.builds" ng-href="{{ repo.full_name }}/{{ build.sequence }}/{{ task.sequence }}">
+					<div>
+						<div ng-class="[ 'build-num', build.state ]">{{task.sequence}}</div>
+					</div>
+					<div>
+						<h3>
+							<div ng-repeat="(key, value) in task.environment">
+								{{ key.toUpperCase() }}={{ value }}
+							</div>
+						</h3>
+					</div>
+				</a>
+
+
+
+
 			</section>
 
-			<pre id="term" ng-if="task && task.state !== 'pending'" ng-class="[task.state]"></pre>
+			<pre id="term" ng-if="task && task.state !== 'pending'"></pre>
 
 
 
diff --git a/cmd/drone-server/static/styles/drone.css b/cmd/drone-server/static/styles/drone.css
index c8330873..68611a0c 100644
--- a/cmd/drone-server/static/styles/drone.css
+++ b/cmd/drone-server/static/styles/drone.css
@@ -1236,6 +1236,7 @@ header .logo {
     height:56px;
     position: sticky;
     top: 0px;
+    z-index:1;
 
     box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
     box-shadow: none;
@@ -1298,6 +1299,7 @@ pre.failure {
     background: #424242;
 }
 
+
 article > pre {
     font-family: "Droid Sans Mono","Roboto","Arial";
     font-size: 13px;
@@ -1460,6 +1462,24 @@ section .build-row strong {
     font-weight:normal;
 }
 
+section .build-row.sub-build-row > div {
+    padding-top:20px;
+    padding-bottom:20px;
+}
+section .build-row.sub-build-row h3 {
+    color:#212121;
+    font-size:15px;
+    margin-bottom:0px;
+    margin-top: 12px;
+}
+
+section .build-row.sub-build-row h3 > div {
+    margin-bottom:5px;
+}
+section .build-row.sub-build-row h3 > div:last-child {
+    margin-bottom:0px;
+}
+
 section > .search {
     padding:30px;
 
@@ -1659,8 +1679,8 @@ input:checked + .switch:active::before {
 .btn-remove:before {
     content: "\f102";
     font-family:"Material-Design-Iconic-Font";
-    line-height:25px;
-    width:25px;
+    /*line-height:25px;
+    width:25px;*/
     vertical-align: middle;
     text-align: center;
     display:inline-block;
@@ -1674,8 +1694,8 @@ input:checked + .switch:active::before {
 .btn-admin:before {
     content: "\f08e";
     font-family:"Material-Design-Iconic-Font";
-    line-height:25px;
-    width:25px;
+    /*line-height:25px;
+    width:25px;*/
     vertical-align: middle;
     text-align: center;
     display:inline-block;