Milo: Add machine pool info for buildbot builder view.

milo/appengine/frontend/static/buildbot/css/default.css

 /* Copyright 2015 The LUCI Authors. All rights reserved.
  * Use of this source code is governed under the Apache License, Version 2.0
  * that can be found in the LICENSE file.
  */
 
 body.interface {
   margin-left: 30px;
   margin-right: 30px;
   margin-top: 20px;
   margin-bottom: 50px;
   padding: 0;
   font-family: Verdana, sans-serif;
   font-size: 10px;
   background-color: #fff;
   color: #333;
 }
 
 header {
   display: flex;
   justify-content: space-between;
 }
 
 footer {
   clear: both;
 }
 
+.prelude {
+  float: left;
+}
+
+.main {
+  float: left;
+}
+
+.epiloge {
+  clear: both;
+}
+
 .auth {
   position:absolute;
   top:5px;
   right:40px;
 }
 
 .alert {
   color: #c30000;
   background-color: #f2dcdc;
   padding: 5px 5px 5px 25px;
@@ skipping 218 matching lines @@
 }
 
 tr:nth-child(even) {
   background-color: #ddd;
 }
 
 li.sublink:nth-child(odd) {
   background-color: #eee;
 }
 
+.graph {
+  width: 200px;
+  text-align: left;
+}
+
+.bar {
+  display: inline-block;
+  height: 10px;
+  border: 1px solid black;
+}
+
+.idle {
+  background-color: #8d4;
+}
+
+.busy {
+  background-color: #fd3;
+}
+
+.disconnected {
+  background-color: #c6c;
+}
+
 .account-picture {
   border-radius: 6px;
   width: 25px;
   height: 25px;
   vertical-align: middle;
 }
 
 .legend {
   border-radius: 5px !important;
   -webkit-border-radius: 5px !important;
@@ skipping 117 matching lines @@
   top: 0px;
   background-color: #FFFFFF;
   padding: 4px 4px 4px 4px;
   float: left;
   display: none;
   border-width: 1px;
   border-style: solid;
 }
 
 /* LastBuild, BuildStep states */
-.status-Success {
+.success, .status-Success, .status-Idle {
   color: #000;
   background-color: #8d4;
   border-color: #4F8530;
 }
 
-.success {
-  color: #000;
-  background-color: #8d4;
-  border-color: #4F8530;
-}
-
-.status-Failure {
+.failure, .status-Failure {
   color: #000;
   background-color: #e88;
   border-color: #A77272;
-  border-style: solid;
-}
-
-.failure {
-  color: #000;
-  background-color: #e88;
-  border-color: #A77272;
   border-style: solid;
 }
 
 .failure-again {
   color: #000;
   background-color: #eA9;
   border-color: #A77272;
   border-style: solid;
 }
 
@@ skipping 20 matching lines @@
   background-color: #fa3;
   border-color: #C29D46;
 }
 
 .skipped {
   color: #000;
   background: #AADDEE;
   border-color: #AADDEE;
 }
 
-.exception, .retry, .status-Exception {
+.exception, .retry, .status-Exception, .status-Disconnected {
   color: #FFFFFF;
   background-color: #c6c;
   border-color: #ACA0B3;
 }
 
 .start {
   color: #000;
   background-color: #ccc;
   border-color: #ccc;
 }
 
-.running, .waiting, td.building, .status-Running {
+.running, .waiting, td.building, .status-Running, .status-Busy {
   color: #000;
   background-color: #fd3;
   border-color: #C5C56D;
 }
 
 .paused {
   color: #FFFFFF;
   background-color: #8080FF;
   border-color: #dddddd;
 }
@@ skipping 251 matching lines @@
   display: none;
 }
 
 .interesting .verbosity-Hidden {
   display: none;
 }
 
 .interesting .verbosity-Normal {
   display: none;
 }