Bug 1203255 - Keep sheriff 'Add' buttons well spaced

ui/css/treeherder.css

@@ -88,8 +88,8 @@ input:focus::-moz-placeholder {
 
 .th-top-nav-options-panel {
     background-color: white;
-    padding: 10px;
-    border: 1px solid black;
+    padding: 10px 10px 0;
+    border-bottom: 1px solid black;
     max-height: 400px;
     overflow-y: auto;
     font-size: 12px;
@@ -167,6 +167,14 @@ input:focus::-moz-placeholder {
   Sheriff panel
 */
 
+.exclusion-container {
+    padding-bottom: 10px;
+}
+
+.add-new-exclusion {
+    margin-bottom: 10px;
+}
+
 .add-new-exclusion input.ng-invalid.ng-dirty {
     border-color: #B94A48;
 }

ui/partials/main/thSheriffPanel.html

@@ -12,7 +12,7 @@
 
   <!-- Exclusion profiles -->
   <div ng-if="view == 'exclusion_profile_list'"
-       class="th-inline-option-group add-new-exclusion">
+       class="th-inline-option-group exclusion-container">
     <p ng-if="profiles.length == 0">No profile available</p>
     <table ng-if="profiles.length > 0" class="table table-condensed">
       <tr>
@@ -94,7 +94,7 @@
 
   <!-- Job exclusions -->
   <div ng-if="view == 'job_exclusion_list'"
-       class="th-inline-option-group add-new-exclusion">
+       class="th-inline-option-group exclusion-container">
     <p ng-if="exclusions.length == 0">No exclusion available</p>
     <table ng-if="exclusions.length > 0"
            class="table table-condensed">