update button names

src/multiParamManager.js

@@ -76,7 +76,7 @@ class MultiParamManager {
       this.clickCallBack(this.funABI.inputs, ret)
     }
 
-    var button = yo`<button onclick=${() => { multiOnClick() }} class="${css.instanceButton}">Call</button>`
+    var button = yo`<button onclick=${() => { multiOnClick() }} class="${css.instanceButton}"></button>`
 
     this.contractActionsContainerMulti = yo`<div class="${css.contractActionsContainerMulti}" >
       <div class="${css.contractActionsContainerMultiInner}" >
@@ -96,6 +96,7 @@ class MultiParamManager {
     if (this.lookupOnly) {
       contractProperty.classList.add(css.constant)
       button.setAttribute('title', (title + ' - call'))
+      button.innerHTML = 'call'
       this.contractActionsContainerSingle.querySelector(`.${css.instanceButton}`).setAttribute('title', (title + ' - call'))
     }
 
@@ -109,11 +110,13 @@ class MultiParamManager {
     if (this.funABI.payable === true) {
       contractProperty.classList.add(css.payable)
       button.setAttribute('title', (title + ' - transact (payable)'))
+      button.innerHTML = 'transact'
       this.contractActionsContainerSingle.querySelector('button').setAttribute('title', (title + ' - transact (payable)'))
     }
 
     if (!this.lookupOnly && this.funABI.payable === false) {
       button.setAttribute('title', (title + ' - transact (not payable)'))
+      button.innerHTML = 'transact'
       this.contractActionsContainerSingle.querySelector('button').setAttribute('title', (title + ' - transact (not payable)'))
     }
 

src/universal-dapp-styles.js

@@ -97,6 +97,10 @@ var css = csjs`
     border-radius: 5px;
     width: 70%;
   }
+  .contractProperty .contractActionsContainerSingle input{
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
   .contractProperty button {
     ${styles.rightPanel.runTab.button_Create}
     min-width: 100px;
@@ -157,7 +161,7 @@ var css = csjs`
   .contractActionsContainerMultiInner .multiTitle {
     padding-left: 10px;
   }
-  .multiTitle {
+  .contractProperty .multiTitle {
     display: inline-block;
     width: 90%;
     font-size: 10px;
@@ -180,7 +184,7 @@ var css = csjs`
     font-size: 10px;
     height: 25px;
     padding-left: 20px;
-    font-weight: normal;
+    font-weight: bold;
     line-height: 25px;
     cursor: default;
   }