From 17f41f06e2f17b46c998685904a93b90e0c59ea6 Mon Sep 17 00:00:00 2001
From: Rob Stupay <rob@stupay.com>
Date: Wed, 25 Apr 2018 16:50:53 +0200
Subject: [PATCH] update button names

---
 src/multiParamManager.js     | 5 ++++-
 src/universal-dapp-styles.js | 8 ++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/multiParamManager.js b/src/multiParamManager.js
index d80e9413f5..6325281b43 100644
--- a/src/multiParamManager.js
+++ b/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)'))
     }
 
diff --git a/src/universal-dapp-styles.js b/src/universal-dapp-styles.js
index 2f29436c15..e132c676bf 100644
--- a/src/universal-dapp-styles.js
+++ b/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;
   }