Merge pull request #2050 from ethereum/runTab

run button's style in Test tab

src/app/tabs/compile-tab.js

@@ -207,14 +207,14 @@ class CompileTab extends CompilerApi {
           Compilation Details
         </button>
         <!-- Copy to Clipboard -->
-        <div class="${css.contractHelperButtons} btn-secondary">
+        <div class="${css.contractHelperButtons}">
           <div class="input-group">
             <div class="btn-group" role="group" aria-label="Copy to Clipboard">
-              <button class="btn btn-secondary" title="Copy ABI to clipboard" onclick="${() => { this.copyABI() }}">
+              <button class="btn" title="Copy ABI to clipboard" onclick="${() => { this.copyABI() }}">
                 <i class="${css.copyIcon} far fa-clipboard" aria-hidden="true"></i>
                 <span>ABI</span>
               </button>
-              <button class="btn btn-secondary" title="Copy Bytecode to clipboard" onclick="${() => { this.copyBytecode() }}">
+              <button class="btn" title="Copy Bytecode to clipboard" onclick="${() => { this.copyBytecode() }}">
                 <i class="${css.copyIcon} far fa-clipboard" aria-hidden="true"></i>
                 <span>Bytecode</span>
               </button>

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

@@ -45,6 +45,7 @@ var css = csjs`
     align-items: center;
   }
   .runButton {
+    white-space: nowrap;
   }
   .generateTestFile {
     margin-top: 20px;
@@ -58,6 +59,7 @@ var css = csjs`
   .label {
     display: flex;
     align-items: center;
+    white-space: nowrap;
   }
 `
 module.exports = css

src/universal-dapp-styles.js

@@ -8,10 +8,9 @@ var css = csjs`
   .title {
     display: flex;
     justify-content: space-between;
-    align-items: center;
     font-size: 11px;
     /* height: 30px; */
-    /* width: 97%; */
+    width: 100%;
     overflow: hidden;
     word-break: break-word;
     line-height: initial;
@@ -49,6 +48,7 @@ var css = csjs`
     padding: 5px 7px;
   }
   .nameNbuts {
+    display: contents;
     flex-wrap: nowrap;
     width: 100%;
   }

src/universal-dapp-ui.js

@@ -68,7 +68,7 @@ UniversalDAppUI.prototype.renderInstanceFromABI = function (contractABI, address
 
   var shortAddress = helper.shortenAddress(address)
   var title = yo`
-    <div class="${css.title} alert alert-secondary">
+    <div class="${css.title} alert alert-secondary p-2">
       <button class="btn ${css.titleExpander}" onclick="${(e) => { toggleClass(e) }}"><i class="fas fa-angle-right" aria-hidden="true"></i></button>
       <div class="input-group ${css.nameNbuts}">
         <div class="${css.titleText} input-group-prepend"><span class="input-group-text ${css.spanTitleText}"> ${contractName} at ${shortAddress} (${context})</span></div>