styles fixes

src/app/execution/txLogger.js

@@ -107,6 +107,7 @@ var css = csjs`
     margin-left: auto;
   }
   .debug {
+    white-space: nowrap;
   }
   .debug:hover {
     opacity: 0.8;
@@ -244,7 +245,7 @@ function renderCall (self, data) {
           <div class=${css.txItem}><span class=${css.txItemTitle}>data:</span> ${input}</div>
         </span>
         <div class=${css.buttons}>
-          <div class=${css.debug} onclick=${(e) => debug(e, data, self)}>Debug</div>
+          <div class="${css.debug} btn btn-primary btn-sm" onclick=${(e) => debug(e, data, self)}>Debug</div>
         </div>
         <i class="${css.arrow} fas fa-angle-down"></i>
       </div>
@@ -264,7 +265,7 @@ function renderUnknownTransaction (self, data) {
         ${checkTxStatus(data.receipt || data.tx, txType)}
         ${context(self, {from, to, data})}
         <div class=${css.buttons}>
-          <div class=${css.debug} onclick=${(e) => debug(e, data, self)}>Debug</div>
+          <div class="${css.debug} btn btn-primary btn-sm" onclick=${(e) => debug(e, data, self)}>Debug</div>
         </div>
         <i class="${css.arrow} fas fa-angle-down"></i>
       </div>

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

@@ -63,10 +63,6 @@ var css = csjs`
     min-width: 164px;
   }
   .col2_2 {
-    width: 100px;
-    min-width: 82px;
-    /* position: absolute; */
-    /* margin-left: 100px; */
   }
   .select {
     font-weight: normal;
@@ -232,12 +228,14 @@ var css = csjs`
     /* transform: scale(0.7); */
     /* transform-origin: left; */
     margin-right: 10px;
-    width: 120px;
+    width: 100px;
+    font-size: 0.8rem;
   }
   .gasNvalUnit {
     /* transform: scale(0.7); */
     /* transform-origin: left; */
     margin-right: 10px;
+    font-size: 0.8rem;
   }
 `
 

src/universal-dapp-ui.js

@@ -73,12 +73,12 @@ UniversalDAppUI.prototype.renderInstanceFromABI = function (contractABI, address
       <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>
         <div class="btn-group">
-          <button class="btn btn-secondary">${copyToClipboard(() => address)}</button>
+          <button class="btn p-2 btn-secondary">${copyToClipboard(() => address)}</button>
         </div>
       </div>
   </div>`
 
-  var close = yo`<button class="${css.udappClose} btn btn-secondary" onclick=${remove}><i class="${css.closeIcon} fas fa-times" aria-hidden="true"></i></button>`
+  var close = yo`<button class="${css.udappClose} p-2 btn btn-secondary" onclick=${remove}><i class="${css.closeIcon} fas fa-times" aria-hidden="true"></i></button>`
   title.querySelector('.btn-group').appendChild(close)
 
   var contractActionsWrapper = yo`