From da56f73ed00359c2540cc9a05fae17ecbe93d375 Mon Sep 17 00:00:00 2001
From: BTCln <g129@protonmail.com>
Date: Sat, 19 Jan 2019 13:54:43 -0500
Subject: [PATCH] UI changes to Keypad buttons, on Enter Amount screen

---
 src/assets/scss/keypad.scss      | 12 ++++++++++--
 src/components/KeyPadButtons.jsx |  6 +++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/assets/scss/keypad.scss b/src/assets/scss/keypad.scss
index a09da6e..8b10016 100644
--- a/src/assets/scss/keypad.scss
+++ b/src/assets/scss/keypad.scss
@@ -19,12 +19,20 @@
     grid-template-columns: repeat(4, 1fr);
   }
   .keypad-button {
+    &.clear {
+      background-color: red;
+    }
+    &.delete {
+      background-color: yellow;
+    }
     &.enter {
       grid-row: 3 / 5;
       grid-column: 4;
+      background-color: green;
     }
     padding: 10px;
-    font-weight: bold;
+    font-size: 28px;
+    font-weight: 500;
     background: #eee;
     $tapColor: #bbb;
     -webkit-tap-highlight-color: $tapColor;
@@ -32,4 +40,4 @@
       background: $tapColor;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/KeyPadButtons.jsx b/src/components/KeyPadButtons.jsx
index 8dc495f..6f3b39f 100644
--- a/src/components/KeyPadButtons.jsx
+++ b/src/components/KeyPadButtons.jsx
@@ -22,16 +22,16 @@ export default class KeyPadButtons extends Component {
         {this.renderButton('7')}
         {this.renderButton('8')}
         {this.renderButton('9')}
-        {this.renderButton('clear', { content: 'Clear' })}
+        {this.renderButton('clear', { content: 'Clear', className: 'clear'})}
         {this.renderButton('4')}
         {this.renderButton('5')}
         {this.renderButton('6')}
-        {this.renderButton('delete', { content: 'Delete' })}
+        {this.renderButton('delete', { content: 'Delete', className: 'delete'})}
         {this.renderButton('1')}
         {this.renderButton('2')}
         {this.renderButton('3')}
         {this.renderButton('0')}
-        {this.renderButton('000')}
+        {this.renderButton('00')}
         {this.renderButton('.')}
         {this.renderButton('enter', { content: 'OK', className: 'enter' })}
       </div>