[gnome-continuous] Put the continuous build name next to the status icon as well

[Jasper St. Pierre <jstpierre src gnome org>]

commit 9dd67fc834f91e8b8e11f6538b65d439dfbc7265
Author: Jasper St. Pierre <jstpierre mecheye net>
Date:   Tue Nov 12 13:52:06 2013 -0500

    Put the continuous build name next to the status icon as well

 extras/build.gnome.org/app.css            |   35 ++++++++++++++++++++++++----
 extras/build.gnome.org/controllers.js     |    1 +
 extras/build.gnome.org/partials/home.html |   13 +++++++---
 3 files changed, 40 insertions(+), 9 deletions(-)
---
diff --git a/extras/build.gnome.org/app.css b/extras/build.gnome.org/app.css
index 41c71fe..37df2ff 100644
--- a/extras/build.gnome.org/app.css
+++ b/extras/build.gnome.org/app.css
@@ -33,24 +33,49 @@ footer {
 }
 
 .machine {
-       display: block;
+       display: flex;
+
        border-radius: 6px;
        padding: 1em;
        margin: 1em 0;
 
        background-color: beige;
+       color: #333366;
+
+       position: relative;
+
+       text-decoration: none;
+}
+
+.machine .status {
+       font-size: larger;
+       font-weight: bold;
+
+       align-self: center;
+       height: 64px;
+       line-height: 64px;
+
+       margin-right: 16px;
+       padding-right: 72px;
        background-size: 64px 64px;
-       background-position: center right 32px;
+       background-position: center right;
        background-repeat: no-repeat;
-       color: #333366;
+
+       text-decoration: none;
 }
 
 .machine.good {
        background-color: lightgreen;
-       background-image: url(images/build-good.svg);
 }
 
 .machine.bad {
        background-color: salmon;
-       background-image: url(images/build-bad.svg);
 }
+
+.machine.good .status {
+       background-image: url(images/build-good.svg);
+}
+
+.machine.bad .status {
+       background-image: url(images/build-bad.svg);
+}
\ No newline at end of file
diff --git a/extras/build.gnome.org/controllers.js b/extras/build.gnome.org/controllers.js
index ec70eba..fe0d3c3 100644
--- a/extras/build.gnome.org/controllers.js
+++ b/extras/build.gnome.org/controllers.js
@@ -17,6 +17,7 @@
     bgoControllers.controller('ContinuousStatusCtrl', function($scope, $http) {
         getContinuousTask($http, 'build').success(function(data) {
             $scope.status = data.success ? 'good' : 'bad';
+            $scope.buildName = data.buildName;
         });
     });
 
diff --git a/extras/build.gnome.org/partials/home.html b/extras/build.gnome.org/partials/home.html
index b28bf6d..b87ef84 100644
--- a/extras/build.gnome.org/partials/home.html
+++ b/extras/build.gnome.org/partials/home.html
@@ -1,11 +1,16 @@
 <article>
   <h1>GNOME Build Status</h1>
   <a class="machine" href="#/jhbuild-ubuntu-raring">
-    <h3>jhbuild (Ubuntu Raring)</h3>
-    <p>This builder uses JHBuild on Ubuntu Raring.</p>
+    <div class="content">
+      <h3>jhbuild (Ubuntu Raring)</h3>
+      <p>This builder uses JHBuild on Ubuntu Raring.</p>
+    </div>
   </a>
   <a class="machine" ng-controller="ContinuousStatusCtrl" ng-class="status" href="#/gnome-continuous">
-    <h3>GNOME-Continuous</h3>
-    <p>Custom build system; produces disk images that can be updated from an OSTree repository.</p>
+    <div class="content">
+      <h3>GNOME-Continuous</h3>
+      <p>Custom build system; produces disk images that can be updated from an OSTree repository.</p>
+    </div>
+    <div class="status">{{ buildName }}</div>
   </a>
 </article>