fix(panel/hints): resolve layout issue with multiple categories

panel/hints/hints.html

@@ -1,24 +1,28 @@
 <div class="sidebar-pane-stack audit-result-view fill visible" ng-controller="HintController">
 
+  <div></div>
+
   <div class="sidebar-pane-title expanded"
-       ng-repeat="(groupName, group) in groupedHints">{{groupName}}
+       ng-repeat-start="(groupName, group) in groupedHints">{{groupName}}
     <div class="sidebar-pane-toolbar"></div>
+  </div>
 
-    <div class="sidebar-pane visible" ng-repeat="(summary, hints) in group">
+  <div class="sidebar-pane visible"
-      <div class="body audit-result-tree">
+       ng-repeat-end
-        <ol>
+       ng-repeat="(summary, hints) in group">
-          <li class="parent audit-result">
+    <div class="body audit-result-tree">
-            <div class="severity-warning"></div>{{summary}} ({{hints.length}})
+      <ol>
-          </li>
+        <li class="parent audit-result">
-          <li class="parent-expanded expanded selected">
+          <div class="severity-warning"></div>{{summary}} ({{hints.length}})
-            Controller names should start with an uppercase character and end with the suffix <code>Controller</code>. For example: <code>UserController</code>.
+        </li>
-          </li>
+        <li class="parent-expanded expanded selected">
-          <ol class="children expanded">
+          Controller names should start with an uppercase character and end with the suffix <code>Controller</code>. For example: <code>UserController</code>.
-            <li class="selected" ng-repeat="hint in hints" bat-code="hint.message"></li>
+        </li>
-          </ol>
+        <ol class="children expanded">
+          <li class="selected" ng-repeat="hint in hints" bat-code="hint.message"></li>
         </ol>
-      </div>
+      </ol>
     </div>
-
   </div>
+
 </div>