diff --git a/src/app/execution/txLogger.js b/src/app/execution/txLogger.js
index f93358ba7b..7f74d107a4 100644
--- a/src/app/execution/txLogger.js
+++ b/src/app/execution/txLogger.js
@@ -35,8 +35,7 @@ var css = csjs`
}
.caret {
color: ${styles.terminal.icon_Color};
- font-weight: bold;
- font-size: small;
+ font-size: 15px;
cursor: pointer;
float: left;
}
@@ -63,8 +62,17 @@ var css = csjs`
.txTable, .tr, .td {
border-collapse: collapse;
font-size: 10px;
- color: ${styles.terminal.text_Primary};
- border: 1px solid ${styles.terminal.text_Secondary};
+ }
+ .tr {
+ width: 70%;
+ border-bottom: 1px solid white;
+ display: flex;
+ justify-content: space-between;
+ }
+ .td:first-child {
+ min-width: 130px;
+ display: flex;
+ align-items: baseline;
}
#txTable {
margin-top: 1%;
@@ -383,20 +391,22 @@ function createTable (opts) {
var contractAddress = yo`
- contractAddress |
- ${opts.contractAddress}
+ | contractAddress
${copyToClipboard(() => opts.contractAddress)}
|
+ ${opts.contractAddress}
+ |
`
if (opts.contractAddress) table.appendChild(contractAddress)
var from = yo`
- from |
- ${opts.from}
+ | from
${copyToClipboard(() => opts.from)}
|
+ ${opts.from}
+ |
`
if (opts.from) table.appendChild(from)
@@ -410,20 +420,22 @@ function createTable (opts) {
}
var to = yo`
- to |
- ${toHash}
+ | to
${copyToClipboard(() => data.to ? data.to : toHash)}
|
+ ${toHash}
+ |
`
if (opts.to) table.appendChild(to)
var gas = yo`
- gas |
- ${opts.gas} gas
+ | gas
${copyToClipboard(() => opts.gas)}
|
+ ${opts.gas} gas
+ |
`
if (opts.gas) table.appendChild(gas)
@@ -435,39 +447,43 @@ function createTable (opts) {
if (opts.transactionCost) {
table.appendChild(yo`
- transaction cost |
- ${opts.transactionCost} gas ${callWarning}
+ | transaction cost
${copyToClipboard(() => opts.transactionCost)}
|
+ ${opts.transactionCost} gas ${callWarning}
+ |
`)
}
if (opts.executionCost) {
table.appendChild(yo`
- execution cost |
- ${opts.executionCost} gas ${callWarning}
+ | execution cost
${copyToClipboard(() => opts.executionCost)}
|
+ ${opts.executionCost} gas ${callWarning}
+ |
`)
}
var hash = yo`
- hash |
- ${opts.hash}
+ | hash
${copyToClipboard(() => opts.hash)}
|
+ ${opts.hash}
+ |
`
if (opts.hash) table.appendChild(hash)
var input = yo`
- input |
- ${opts.input}
+ | input
${copyToClipboard(() => opts.input)}
|
+ ${opts.input}
+ |
`
if (opts.input) table.appendChild(input)
@@ -475,10 +491,11 @@ function createTable (opts) {
if (opts['decoded input']) {
var inputDecoded = yo`
- decoded input |
- ${opts['decoded input']}
+ | decoded input
${copyToClipboard(opts['decoded input'])}
|
+ ${opts['decoded input']}
+ |
`
table.appendChild(inputDecoded)
}
@@ -498,12 +515,13 @@ function createTable (opts) {
}
var logs = yo`
- logs |
-
- ${JSON.stringify(stringified, null, '\t')}
+ | logs
${copyToClipboard(() => JSON.stringify(stringified, null, '\t'))}
${copyToClipboard(() => JSON.stringify(opts.logs.raw || '0'))}
|
+
+ ${JSON.stringify(stringified, null, '\t')}
+ |
`
if (opts.logs) table.appendChild(logs)
@@ -511,10 +529,11 @@ function createTable (opts) {
var val = opts.val != null ? typeConversion.toInt(opts.val) : 0
val = yo`
- value |
- ${val} wei
+ | value
${copyToClipboard(() => `${val} wei`)}
|
+ ${val} wei
+ |
`
if (opts.val) table.appendChild(val)