Bug 1165441 - Tidy up Annotations panel layout

mozilla · May 21, 2015 · f06d44f · f06d44f
1 parent 5b74d1d
commit f06d44f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/ui/css/treeherder.css b/ui/css/treeherder.css
@@ -790,6 +790,7 @@ ul.failure-summary-list li .btn-xs {
 
 .failure-summary-line-empty {
     padding: 2px 4px 0px;
+    font-size: 12px;
     background: #ffffff;
 }
 
@@ -1084,6 +1085,11 @@ ul.failure-summary-list li .btn-xs {
     padding-left: 0;
 }
 
+.bug-header {
+    margin-top: 8px;
+    margin-bottom: 8px;
+}
+
 /**
  * RESULT STATUS COUNTS
  */

diff --git a/ui/plugins/annotations/main.html b/ui/plugins/annotations/main.html
@@ -1,7 +1,7 @@
-<div ng-controller="AnnotationsPluginCtrl" class="row annotations-panel">
-    <div class="col-xs-10 classifications-panel">
+<div ng-controller="AnnotationsPluginCtrl" class="annotations-panel">
+    <div class="col-xs-10 classifications-panel job-tabs-content">
         <table class="table-condensed table-hover">
-            <thead>
+            <thead ng-hide="classifications.length < 1">
                 <tr><th>Datetime</th><th>Author</th><th>Failure type</th><th>Note</th></tr>
             </thead>
             <tbody>
@@ -28,10 +28,10 @@
                 </tr>
             </tbody>
         </table>
-        <div ng-show="classifications.length < 1"></br><em>This job has not been classified</em></div>
+        <div ng-show="classifications.length < 1">This job has not been classified</div>
     </div>
     <div class="col-xs-2 bug-list-panel">
-        <h5><strong>Bugs</strong></h5>
+        <h6 class="bug-header" ng-hide="classifications.length < 1"><strong>Bugs</strong></h6>
         <ul class="bug-list">
             <li ng-repeat="bug in bugs">
                 <th-related-bug-saved></th-related-bug-saved>