From bc9d6cdd125d2c94683bd5c40e5eafe4dc928c0c Mon Sep 17 00:00:00 2001
From: LianaHus <liana@ethdev.com>
Date: Tue, 7 Apr 2020 21:34:32 +0200
Subject: [PATCH] transact width

---
 src/app/ui/txLogger.js          | 3 ++-
 src/app/ui/universal-dapp-ui.js | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/ui/txLogger.js b/src/app/ui/txLogger.js
index 237b63fe3b..43ca5b7f60 100644
--- a/src/app/ui/txLogger.js
+++ b/src/app/ui/txLogger.js
@@ -302,6 +302,7 @@ function context (self, opts, blockchain) {
   var block = data.tx.blockNumber || ''
   var i = data.tx.transactionIndex
   var value = val ? typeConversion.toInt(val) : 0
+  const hashInfo = (block||i) ? '[' : '' + (block) ? 'block:${block}' : '' + (i) ? ' txIndex:${i}' : '' + (block||i) ? ']' : ''
   if (blockchain.getProvider() === 'vm') {
     return yo`
       <div>
@@ -319,7 +320,7 @@ function context (self, opts, blockchain) {
     return yo`
       <div>
         <span class=${css.txLog}>
-          <span class='${css.tx}'>[block:${block} txIndex:${i}]</span>
+        <span class='${css.tx}'>${hashInfo}</span>
           <div class=${css.txItem}><span class=${css.txItemTitle}>from:</span> ${from}</div>
           <div class=${css.txItem}><span class=${css.txItemTitle}>to:</span> ${to}</div>
           <div class=${css.txItem}><span class=${css.txItemTitle}>value:</span> ${value} wei</div>
diff --git a/src/app/ui/universal-dapp-ui.js b/src/app/ui/universal-dapp-ui.js
index 80e793f421..8abf2aca1e 100644
--- a/src/app/ui/universal-dapp-ui.js
+++ b/src/app/ui/universal-dapp-ui.js
@@ -145,7 +145,7 @@ UniversalDAppUI.prototype.renderInstanceFromABI = function (contractABI, address
         <label class="">CALLDATA</label>
         <div class="d-flex justify-content-end w-100 align-items-center">
           ${calldataInput}
-          <button id="deployAndRunLLTxSendTransaction" class="${css.instanceButton} btn border-warning text-warning" title="Send data to contract." onclick=${() => sendData()}>Transact</button>
+          <button id="deployAndRunLLTxSendTransaction" class="${css.instanceButton} w-50 btn border-warning text-warning" title="Send data to contract." onclick=${() => sendData()}>Transact</button>
         </div>
       </div>
       <div>