[Sheriff-o-matic] Use before content hax to hide category labels instead of ever-present spans

Tools/GardeningServer/ui/ct-failure-card.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="../model/ct-builder-list.html">
 <link rel="import" href="ct-bot-failure-card.html">
 <link rel="import" href="ct-trooper-card.html">
 <link rel="import" href="../bower_components/paper-dialog/paper-dialog.html">
 <link rel="import" href="../bower_components/paper-dialog/paper-dialog-transition.html">
 <link rel="import" href="../bower_components/paper-input/paper-input.html">
 
 <polymer-element name="ct-failure-card" attributes="group commitLog tree bug">
   <template>
     <style>
       :host {
+        display: block;
+      }
+
+      #container {
         display: flex;
       }
 
       /* FIXME: All this paper-button styling should go in a cr-button component so that
          we can use buttons in different places and have them all look the same. */
       paper-button {
         -webkit-user-select: none;
         background: #f5f5f5;
         border-radius: 2px;
         border: 1px solid #dcdcdc;
@@ skipping 26 matching lines @@
 
       .card {
         display: flex;
         flex: 1;
       }
 
       .snoozed {
         opacity: 0.5;
       }
     </style>
-    <div class="card {{ { snoozed: group.isSnoozed } | tokenList }}">
-      <template if="{{ group.data.type == 'sheriff' }}">
-        <ct-bot-failure-card class='card' group="{{ group.data }}" builderList="{{ _builderList }}"></ct-bot-failure-card>
-      </template>
-      <template if="{{ group.data.type != 'sheriff' }}">
-        <ct-trooper-card class='card' group="{{ group.data }}"></ct-trooper-card>
-      </template>
+    <div id="container">
+      <div class="card {{ { snoozed: group.isSnoozed } | tokenList }}">
+        <template if="{{ group.data.type == 'sheriff' }}">
+          <ct-bot-failure-card class='card' group="{{ group.data }}" builderList="{{ _builderList }}"></ct-bot-failure-card>
+        </template>
+        <template if="{{ group.data.type != 'sheriff' }}">
+          <ct-trooper-card class='card' group="{{ group.data }}"></ct-trooper-card>
+        </template>
+      </div>
+      <div id="buttons">
+        <paper-button id="examine" on-tap="{{ examine }}" label="Examine"></paper-button>
+        <template if="{{ !group.isSnoozed }}">
+          <paper-button id="snooze" on-tap="{{ snooze }}" label="Snooze"></paper-button>
+        </template>
+        <template if="{{ group.isSnoozed }}">
+          <paper-button id="snooze" on-tap="{{ unsnooze }}" label="Unsnooze"></paper-button>
+        </template>
+        <paper-button id="link-bug" on-tap="{{ linkBug }}" label="Link Bug"></paper-button>
+        <template if="{{ group.bug !== undefined }}">
+          <div>
+            <a href="{{ group.bug }}">
+              {{ group.bugLabel }}</a>
+          </div>
+        </template>
+      </div>
+
+      <paper-dialog heading="Enter bug number" transition="paper-transition-center" id="bugDialog">
+        <paper-input label="Bug# or URL" floatingLabel autofocus id="bug"></paper-input>
+        <paper-button label="Remove bug link" on-tap="{{ removeBug }}" dismissive id="dialogRemoveBug"></paper-button>
+        <paper-button label="OK" on-tap="{{ saveBug }}" affirmative id="dialogOk"></paper-button>
+      </paper-dialog>
     </div>
-    <div id="buttons">
-      <paper-button id="examine" on-tap="{{ examine }}" label="Examine"></paper-button>
-      <template if="{{ !group.isSnoozed }}">
-        <paper-button id="snooze" on-tap="{{ snooze }}" label="Snooze"></paper-button>
-      </template>
-      <template if="{{ group.isSnoozed }}">
-        <paper-button id="snooze" on-tap="{{ unsnooze }}" label="Unsnooze"></paper-button>
-      </template>
-      <paper-button id="link-bug" on-tap="{{ linkBug }}" label="Link Bug"></paper-button>
-      <template if="{{ group.bug !== undefined }}">
-        <div>
-          <a href="{{ group.bug }}">
-            {{ group.bugLabel }}</a>
-        </div>
-      </template>
-    </div>
-
-    <paper-dialog heading="Enter bug number" transition="paper-transition-center" id="bugDialog">
-      <paper-input label="Bug# or URL" floatingLabel autofocus id="bug"></paper-input>
-      <paper-button label="Remove bug link" on-tap="{{ removeBug }}" dismissive id="dialogRemoveBug"></paper-button>
-      <paper-button label="OK" on-tap="{{ saveBug }}" affirmative id="dialogOk"></paper-button>
-    </paper-dialog>
   </template>
   <script>
     Polymer({
       group: null,
       commitLog: null,
       _builderList: null,
       tree: '',
 
       observe: {
         group: '_updateCommitList',
@@ skipping 31 matching lines @@
       saveBug: function() {
         this.group.setBug(this.$.bug.value);
       },
 
       removeBug: function() {
         this.group.clearBug();
       },
     });
   </script>
 </polymer-element>