Implement 'clear buttons' for tx view

2 files changed, 38 insertions, 45 deletions

diff --git a/ui/app/components/tx-view.js b/ui/app/components/tx-view.js
index c0e40e9b4..b2799a65f 100644
--- a/ui/app/components/tx-view.js
+++ b/ui/app/components/tx-view.js
@@ -56,6 +56,44 @@ TxView.prototype.render = function () {
     }, [
     ]),
 
+    h('div.flex-row.flex-wrap', {
+      style: {
+        margin: '1.8em 1.3em 0.8em 1.3em',
+        flex: '1 0 auto',
+      }
+    }, [
+
+      h('div.flex-column.flex-center', {
+        style: {
+          width: '100%',
+        }
+      }, [
+
+        h('div', {}, 'ETH LOGO'),
+
+        h('div', {}, '1001.124 ETH'),
+
+        h('div', {}, '$300,000 USD'),
+
+      ]),
+
+      h('div.flex-row.flex-center', {
+        style: {
+          width: '100%',
+        }
+      }, [
+        h('button.btn-clear', {
+          textAlign: 'center'
+        }, 'BUY'),
+
+        h('button.btn-clear', {
+          textAlign: 'center'
+        }, 'SEND'),
+
+      ]),
+
+    ]),
+
     h('div.flex-row', {
       style: {
         margin: '1.8em 1.3em 0.8em 1.3em',
diff --git a/ui/app/components/wallet-view.js b/ui/app/components/wallet-view.js
index 4d1ac1a49..d57ab39d9 100644
--- a/ui/app/components/wallet-view.js
+++ b/ui/app/components/wallet-view.js
@@ -96,51 +96,6 @@ WalletView.prototype.render = function () {
      active: true,
     }),
 
-    // Buy Buttons
-    // for index.css
-    // TODO: move into a class
-    // div.wallet-btn {
-    //   border: 1px solid rgb(91, 93, 103);
-    //   border-radius: 2px;
-    //   height: 30px;
-    //   width: 75px;
-    //   font-size: 0.8em;
-    //   text-align: center;
-    //   line-height: 25px;
-    // }
-
-    h('div.flex-row', {
-      style: {
-        marginLeft: '1.3em',
-        marginTop: '0.8em',
-      }
-    }, [
-      h('div', {
-        style: {
-          border: '1px solid rgb(91, 93, 103)',
-          borderRadius: '2px',
-          height: '20px',
-          width: '50px',
-          fontSize: '0.8em',
-          textAlign: 'center',
-        }
-      }, 'BUY'),
-      h('div.wallet-btn', {
-        onClick: () => {
-          this.props.showSendPage();
-        },
-        style: {
-          border: '1px solid rgb(91, 93, 103)',
-          borderRadius: '2px',
-          height: '20px',
-          width: '50px',
-          fontSize: '0.8em',
-          textAlign: 'center',
-          marginLeft: '.6em',
-        }
-      }, 'SEND'),
-    ]),
-
     // Wallet contents
     h(Content, {
       title: "Total Token Balance",