Move "Fix All" from bottom of list to top

css/80_app.css

@@ -3188,8 +3188,8 @@ button.autofix.action.active {
     display: flex;
     flex-flow: row nowrap;
     flex-direction: row-reverse;
-    height: 30px;
-    padding-top: 5px;
+    margin-top: -25px;
+    padding-bottom: 5px;
 }
 .autofix-all-link-text {
     padding: 0;
@@ -3314,17 +3314,15 @@ button.autofix.action.active {
     padding: 0 10px;
 }
 
-.layer-list.issues-list,
-.layer-list.issue-rules-list {
-    margin-bottom: 0;
-}
-
 .layer-list.issues-list li.issue {
     border-color: inherit;    /* override .layer-list styles */
     color: inherit;
     height: unset;
 }
 
+.layer-list.issue-rules-list {
+    margin-bottom: 0;
+}
 .issue-rules-links {
     display: flex;
     flex-flow: row nowrap;

modules/ui/issues.js

@@ -170,7 +170,7 @@ export function uiIssues(context) {
 
         // enter
         var autoFixAllEnter = autoFixAll.enter()
-            .append('div')
+            .insert('div', '.issues-list')
             .attr('class', 'autofix-all');
 
         var linkEnter = autoFixAllEnter