From 9323797900702a26b61a14fcff854084e0c0b88b Mon Sep 17 00:00:00 2001
From: Gabriel Baker <gabriel@autonomicpilot.co.uk>
Date: Wed, 5 Jun 2013 20:59:05 +0100
Subject: [PATCH] ui

---
 PHPCI/View/BuildsTable.phtml | 22 +++++++++++++++++++---
 assets/css/phpci.css         |  7 +------
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/PHPCI/View/BuildsTable.phtml b/PHPCI/View/BuildsTable.phtml
index df34d97a..34a5ca72 100644
--- a/PHPCI/View/BuildsTable.phtml
+++ b/PHPCI/View/BuildsTable.phtml
@@ -11,21 +11,26 @@ switch($build->getStatus())
 {
 	case 0:
 		$cls = 'info';
+		$subcls = 'info';
 		$status = 'Pending';
+
 	break;
 
 	case 1:
 		$cls = 'warning';
+		$subcls = 'warning';
 		$status = 'Running';
 	break;
 
 	case 2:
 		$cls = 'success';
+		$subcls = 'success';
 		$status = 'Success';
 	break;
 
 	case 3:
 		$cls = 'error';
+		$subcls = 'important';
 		$status = 'Failed';
 	break;
 }
@@ -38,14 +43,25 @@ switch($build->getStatus())
 	<td>
 		<?php
 		$plugins = json_decode($build->getPlugins(), true);
+
 		if ( !is_array($plugins) ) {
 			$plugins = array();
 		}
+		if ( 0 === count($plugins) ) {
+			?>
+			<span class='label label-<?= $subcls ?>'>
+				<?= $status ?>
+			</span>
+			<?php
+		}
 		?>
-		<?php foreach($plugins as $plugin => $pluginstatus): ?>
-			<div class='label build-plugin-status <?= $pluginstatus?'label-success':'label-important' ?>'>
+		<?php
+			foreach($plugins as $plugin => $pluginstatus):
+				$subcls = $pluginstatus?'label label-success':'label label-important';
+		?>
+			<span class='<?= $subcls ?>'>
 				<?= ucwords(str_replace('_', ' ', $plugin)) ?>
-			</div>
+			</span>
 		<?php endforeach; ?>
 		<br style='clear:both;' />
 	</td>
diff --git a/assets/css/phpci.css b/assets/css/phpci.css
index 1d1a16f9..cfb886d4 100644
--- a/assets/css/phpci.css
+++ b/assets/css/phpci.css
@@ -14,12 +14,7 @@ body
 	padding: 10px;
 }
 
-.build-plugin-status {
-	float: left!important;
-	padding: 5px;
-	margin-right: 5px;
-	border: 1px solid black;
-}
+td .label { margin-right: 5px; }
 
 .success-message {
 	background-color: #4F8A10;