From 468c1ffa427321c95c6e8acbf16b5f4fdb462495 Mon Sep 17 00:00:00 2001
From: Dan Finlay <dan@danfinlay.com>
Date: Thu, 7 Jul 2016 12:39:40 -0700
Subject: Refined tx confirmation button styles

---
 ui/app/components/pending-tx.js | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

(limited to 'ui')

diff --git a/ui/app/components/pending-tx.js b/ui/app/components/pending-tx.js
index 8067aef05..dce933df1 100644
--- a/ui/app/components/pending-tx.js
+++ b/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'),
       ]),
     ])
   )
-- 
cgit v1.2.3