change panel ordering

src/app/staticanalysis/staticAnalysisView.js

@@ -43,9 +43,6 @@ staticAnalysisView.prototype.render = function () {
   var self = this
   var view = yo`
     <div class="${css.analysis}">
-      <div id="staticanalysismodules" class="list-group list-group-flush">
-        ${this.modulesView}
-      </div>
       <div class="${css.buttons}">
           <div class="${css.buttonsInner}">
             <button class="${css.buttonRun} btn btn-sm btn-primary" onclick="${function () { self.run() }}" >Run</button>
@@ -68,6 +65,9 @@ staticAnalysisView.prototype.render = function () {
             </label>
           </div>
         </div>
+        <div id="staticanalysismodules" class="list-group list-group-flush ${css.container}">
+          ${this.modulesView}
+        </div>      
         <div class="${css.result}" "id='staticanalysisresult'></div>
     </div>
   `
@@ -96,8 +96,8 @@ staticAnalysisView.prototype.run = function () {
   var selected = this.selectedModules()
   var warningContainer = $('#staticanalysisresult')
   warningContainer.empty()
-  if (this.lastCompilationResult) {
   var self = this
+  if (this.lastCompilationResult) {
     var warningCount = 0
     this.runner.run(this.lastCompilationResult, selected, function (results) {
       results.map(function (result, i) {

src/app/staticanalysis/styles/staticAnalysisView-styles.js

@@ -25,6 +25,10 @@ var css = csjs`
     display: flex;
     align-items: center;
   }
+  .container {
+    max-height: 500px;
+    overflow-y: auto;
+  }
 `
 
 module.exports = css

src/app/ui/styles/renderer-styles.js

@@ -49,7 +49,7 @@ var css = yo`<style>
 }
 
 .sol.staticAnalysisWarning {
-  background-color: var(--info);
+  background-color: var(--warning);
 }
 
 .sol.success {