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

Tools/GardeningServer/ui/ct-unexpected-failures.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.
 -->
 
 <link rel="import" href="../bower_components/paper-button/paper-button.html">
 <link rel="import" href="../bower_components/paper-toast/paper-toast.html">
 <link rel="import" href="ct-failing-builders.html">
 <link rel="import" href="ct-failure-analyzer.html">
 <link rel="import" href="ct-failure-grouper.html">
 <link rel="import" href="ct-failure-stream.html">
 <link rel="import" href="ct-tree-status.html">
 
 <polymer-element name="ct-unexpected-failures">
   <template>
     <style>
       paper-toast {
         bottom: 40px;
         left: 10px;
       }
 
-      ct-tree-status, ct-failing-builders {
+      ct-failing-builders {
         margin: 5px;
       }
+
+      ct-tree-status {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        margin: 5px;
+        padding: 3px;
+      }
+
+      ct-tree-status[status=open] {
+        margin: 0;
+        padding: 0;
+      }
     </style>
     <ct-failure-analyzer id="analyzer" status="{{ analyzerStatus }}" failures="{{ failures }}"></ct-failure-analyzer>
     <ct-failure-grouper failures="{{ failures.unexpected }}" groups="{{ failureGroups }}"></ct-failure-grouper>
     <ct-tree-status project="chromium"></ct-tree-status>
     <ct-tree-status project="blink"></ct-tree-status>
     <ct-failing-builders builders="{{ failures.builders }}"></ct-failing-builders>
     <ct-failure-stream groups="{{ failureGroups }}"></ct-failure-stream>
     <paper-toast id="toast" text="{{ analyzerStatus }}"></paper-toast>
   </template>
   <script>
     Polymer({
       attached: function() {
         this.update();
         setInterval(this.update.bind(this), config.kUpdateFrequency);
       },
 
       update: function() {
         this.$.analyzer.update();
         var treeStatuses = this.shadowRoot.querySelectorAll("ct-tree-status");
         for (var i = 0; i < treeStatuses.length; i++)
           treeStatuses[i].update();
       },
 
       analyzerStatusChanged: function() {
         this.$.toast.show();
       },
     });
   </script>
 </polymer-element>