test tab reordering panel

src/app/tabs/styles/test-tab-styles.js

@@ -11,6 +11,9 @@ var css = csjs`
     display: flex;
     flex-direction: column;
     margin: 2%;
+    max-height: 500px;
+    overflow-y: auto;
+
   }
   .container {
     margin: 2%;

src/app/tabs/test-tab.js

@@ -174,9 +174,8 @@ module.exports = class TestTab extends ApiFactory {
           How to test smart contracts guide in our documentation.
           <div class="${css.generateTestFile} btn btn-primary m-1" onclick="${this.testTabLogic.generateTestFile(this)}">Generate test file</div>
         </div>
-        <div class="${css.tests}">
-          ${this.testList}
-          <div class="${css.buttons} btn-group">
+        <div class="${css.tests}">          
+          <div class="${css.buttons}">
             <div class="${css.runButton} btn btn-primary m-1"  onclick="${this.runTests.bind(this)}">Run Tests</div>
             <label class="${css.label}" for="checkAllTests">
               <input id="checkAllTests"
@@ -187,6 +186,7 @@ module.exports = class TestTab extends ApiFactory {
               Check/Uncheck all
             </label>
           </div>
+          ${this.testList}
           ${this.testsOutput}
           ${this.testsSummary}
         </div>