Fix a bunch of UI nits in sheriff-o-matic.

Tools/GardeningServer/ui/ct-tree-status.html

 <!--
 Copyright 2014 The Chromium Authors. All rights reserved.
 Use of this source code is governed by a BSD-style license that can be
 found in the LICENSE file.
 -->
 
 <polymer-element name="ct-tree-status">
   <template>
-    <template if="{{ message }}">
       <style>
         :host {
           display: block;
-          whitespace: nowrap;
-          overflow: hidden;
-          text-overflow: ellispis;
         }
 
         :host([status=throttled]) {
-          background-color: khaki;
+          background-color: #fffc6c;
         }
 
         :host([status=closed]) {
           color: white;
-          background-color: tomato;
+          background-color: #e98080;
         }
       </style>
+    <template if="{{ message }}">
       {{ project }}: {{ message }}
     </template>
   </template>
   <script>
     Polymer({
       publish: {
         project: '',
         message: '',
         status: {
-          value: 'open',
+          value: '',
           reflect: true,
         },
       },
 
       update: function() {
+        // FIXME: Show a link to *-status.appspot.com.
         var url = treestatus.urlByName(this.project);
         return net.json(url).then(function(response) {
           this.updateStatus(response);
         }.bind(this));
       },
 
       updateStatus: function(status) {
         if (status.can_commit_freely) {
           this.message = null;
           this.status = 'open';
           return;
         }
 
         this.message = status.message + ' by ' + status.username;
         var responseLowerCase = status.message.toLowerCase();
         if (responseLowerCase.indexOf('throttled') != -1) {
           this.status = 'throttled';
         } else if (responseLowerCase.indexOf("closed") != -1) {
           this.status = 'closed';
         } else {
           this.status = 'unknown';
         }
       },
     });
   </script>
 </polymer-element>