Refined tx confirmation button styles

ui/app/components/pending-tx.js

@@ -24,18 +24,30 @@ PendingTx.prototype.render = function () {
       // tx info
       h(PendingTxDetails, state),
 
+      h('style', `
+        .conf-buttons button {
+          margin-left: 10px;
+          text-transform: uppercase;
+        }
+      `),
+
       // send + cancel
-      h('.flex-row.flex-space-around', {
+      h('.flex-row.flex-space-around.conf-buttons', {
         style: {
-          marginTop: '14px',
+          display: 'flex',
+          justifyContent: 'flex-end',
+          margin: '14px 25px',
         },
       }, [
-        h('button', {
-          onClick: state.cancelTransaction,
-        }, 'Reject'),
-        h('button', {
+        h('button.confirm', {
           onClick: state.sendTransaction,
-        }, 'Approve'),
+          style: { background: 'rgb(251,117,1)' },
+        }, 'Confirm'),
+
+        h('button.cancel', {
+          onClick: state.cancelTransaction,
+          style: { background: 'rgb(254,35,17)' },
+        }, 'Cancel'),
       ]),
     ])
   )