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)