Bug 1201989 - Reduce space consumption in Sheriff/Filter panels

ui/css/treeherder.css

@@ -92,6 +92,7 @@ input:focus::-moz-placeholder {
     border: 1px solid black;
     max-height: 400px;
     overflow-y: auto;
+    font-size: 12px;
 }
 
 .th-top-nav-options-panel .th-option-heading {
@@ -133,6 +134,15 @@ input:focus::-moz-placeholder {
     width: 200px;
 }
 
+/* Will remove these when we redo the Filter panel layout in bug 1202003 */
+#filter .th-option-heading input {
+    margin: 0;
+}
+
+#filter .checkbox-inline input {
+    margin: 1px 0 0 -16px;
+}
+
 .field-filter-form {
     border-top: 2px solid lightgray;
     margin-top: 5px;
@@ -181,11 +191,11 @@ input:focus::-moz-placeholder {
 }
 
 .sheriff-panel-exclusion-profiles-row td:first-child {
-  width: 133px;
+  width: 119px;
 }
 
 .sheriff-panel-job-exclusions-row td:first-child {
-  width: 155px;
+  width: 138px;
 }
 
 /**

ui/partials/main/thFilterPanel.html

@@ -70,13 +70,13 @@
         <a ng-click="createFieldFilter()"
            title="Create new field filter">new</a> to filter by a specific job field
       </span>
-      <h4>
+      <h5>
         <div class="label label-default field-filter"
              ng-repeat="filter in fieldFilters">{{::fieldChoices[filter.field].name}}: "{{::getFilterValue(filter.field, filter.value)}}"
           <a ng-click="removeFilter($index)"
              title="Delete this filter"><i class="glyphicon glyphicon-remove"></i></a>
         </div>
-      </h4>
+      </h5>
     </div>
     <div class="field-filter-form" ng-show="newFieldFilter">
       <form novalidate class="form-inline" role="form">