Improve tx list style

Tx list no longer enlarges on hover, and failed transactions no longer have hover styles nor direct to an explorer page.

2 files changed, 6 insertions, 26 deletions

diff --git a/ui/app/components/transaction-list.js b/ui/app/components/transaction-list.js
index 6cc35243f..f85aab70f 100644
--- a/ui/app/components/transaction-list.js
+++ b/ui/app/components/transaction-list.js
@@ -59,38 +59,15 @@ module.exports = function(transactions, network) {
 
   function renderTransaction(transaction, i){
 
-    var panelOpts = {
-      key: `tx-${transaction.id + i}`,
-      identiconKey: transaction.txParams.to,
-      onClick: (event) => {
-        if (!transaction.hash) return
-        var url = explorerLink(transaction.hash, parseInt(network))
-        chrome.tabs.create({ url })
-      },
-      attributes: [
-        {
-          key: 'TIME',
-          value: formatDate(transaction.time),
-        },
-        {
-          key: 'TO',
-          value: addressSummary(transaction.txParams.to),
-        },
-        {
-          key: 'VALUE',
-          value: formatBalance(transaction.txParams.value),
-        },
-      ]
-    }
-
     var txParams = transaction.txParams
     var date = formatDate(transaction.time)
 
     return (
 
-      h('.transaction-list-item.flex-row.flex-space-between.cursor-pointer', {
+      h(`.transaction-list-item.flex-row.flex-space-between${transaction.hash ? '.pointer' : ''}`, {
         key: `tx-${transaction.id + i}`,
         onClick: (event) => {
+          if (!transaction.hash) return
           var url = explorerLink(transaction.hash, parseInt(network))
           chrome.tabs.create({ url })
         },
diff --git a/ui/app/css/lib.css b/ui/app/css/lib.css
index 60c56422d..1eba7465b 100644
--- a/ui/app/css/lib.css
+++ b/ui/app/css/lib.css
@@ -5,7 +5,7 @@
 }
 
 .color-forest {
-  color: #0A5448; 
+  color: #0A5448;
 }
 
 /* lib */
@@ -107,6 +107,9 @@
   user-select: none;
 }
 
+.pointer {
+  cursor: pointer;
+}
 .cursor-pointer {
   cursor: pointer;
   transform-origin: center center;