remix-ide/t

Extendable Web IDE for Ethereum

diff --git a/src/app/tabs/runTab/settings.js b/src/app/tabs/runTab/settings.js
index 12b7e218..8038f725 100644
--- a/src/app/tabs/runTab/settings.js
+++ b/src/app/tabs/runTab/settings.js
@@ -98,7 +98,7 @@ class SettingsUI {
         </label>
         <div class="${css.account}">
           <select data-id="runTabSelectAccount" name="txorigin" class="form-control ${css.select} custom-select" id="txorigin"></select>
-          ${copyToClipboard(() => document.querySelector('#runTabView #txorigin').value)}
+          <div style="margin-left: 0px;">${copyToClipboard(() => document.querySelector('#runTabView #txorigin').value)}</div>
           <i id="remixRunSignMsg" class="fas fa-edit ${css.icon}" aria-hidden="true" onclick=${this.signMessage.bind(this)} title="Sign a message using this account key"></i>
         </div>
       </div>
diff --git a/src/app/tabs/test-tab.js b/src/app/tabs/test-tab.js
index 90b8b49e..a2a1b772 100644
--- a/src/app/tabs/test-tab.js
+++ b/src/app/tabs/test-tab.js
@@ -46,7 +46,11 @@ module.exports = class TestTab extends ViewPlugin {
   listenToEvents () {
     this.filePanel.event.register('newTestFileCreated', file => {
       var testList = this.view.querySelector("[class^='testList']")
-      var test = yo`<label class="singleTestLabel"><input class="singleTest" onchange=${(e) => this.toggleCheckbox(e.target.checked, file)} type="checkbox" checked="true">${file}</label>`
+      var test = yo`
+        <label class="singleTestLabel form-check-label custom-control-label" for="testOf${file}"
+          <input class="mr-2 singleTest custom-control-input" id="testOf${file}" onchange=${(e) => this.toggleCheckbox(e.target.checked, file)} type="checkbox" checked="true">
+          ${file}
+        </label>`
       testList.appendChild(test)
       this.data.allTests.push(file)
       this.data.selectedTests.push(file)
@@ -72,7 +76,18 @@ module.exports = class TestTab extends ViewPlugin {
   }
 
   listTests () {
-    return this.data.allTests.map(test => yo`<label class="singleTestLabel"><input class="singleTest" onchange =${(e) => this.toggleCheckbox(e.target.checked, test)} type="checkbox" checked="true">${test} </label>`)
+    return this.data.allTests.map(test => yo`
+      <label class="singleTestLabel form-check-label custom-control-label" for="singleTest${test}">
+        <input
+          class="singleTest mr-2 custom-control-input"
+          id="singleTest${test}"
+          onchange =${(e) => this.toggleCheckbox(e.target.checked, test)}
+          type="checkbox"
+          checked="true"
+        >
+        ${test}
+      </label>
+    `)
   }
 
   toggleCheckbox (eChecked, test) {
@@ -278,8 +293,9 @@ module.exports = class TestTab extends ViewPlugin {
         <div class="${css.tests}">          
           <div class="${css.buttons}">
           ${this.updateRunAction()}
-            <label class="${css.label} mx-4 m-2" for="checkAllTests">
+            <label class="${css.label} mr-2 custom-control-input mx-4 m-2" for="checkAllTests">
               <input id="checkAllTests"
+                class="form-check-label custom-control-label"
                 type="checkbox"
                 onclick="${(event) => { this.checkAll(event) }}"
                 checked="true"
diff --git a/src/app/udapp/run-tab.js b/src/app/udapp/run-tab.js
index 14306777..7c549cef 100644
--- a/src/app/udapp/run-tab.js
+++ b/src/app/udapp/run-tab.js
@@ -66,7 +66,7 @@ export class RunTab extends LibraryPlugin {
     this.instanceContainer = yo`<div class="${css.instanceContainer} border-0 list-group-item"></div>`
 
     const instanceContainerTitle = yo`
-      <div class="d-flex justify-content-between align-items-center pl-2 ml-1 mb-1"
+      <div class="d-flex justify-content-between align-items-center pl-2 ml-1 mb-2"
         title="Autogenerated generic user interfaces for interaction with deployed contracts">
         Deployed Contracts
         <i class="mr-2 ${css.icon} far fa-trash-alt" data-id="deployAndRunClearInstances" onclick=${() => this.event.trigger('clearInstance', [])}