Move action buttons out of send token container, tweak styles

1 files changed, 40 insertions, 38 deletions

diff --git a/ui/app/components/pending-tx.js b/ui/app/components/pending-tx.js
index eae9046a8..ede561bd2 100644
--- a/ui/app/components/pending-tx.js
+++ b/ui/app/components/pending-tx.js
@@ -304,6 +304,7 @@ PendingTx.prototype.render = function () {
             marginRight: '10px',
             paddingLeft: '6px',
             paddingRight: '6px',
+            marginBottom: '10px',
           }
         }, [
           h('div', {
@@ -315,6 +316,7 @@ PendingTx.prototype.render = function () {
               style: {
                 textAlign: 'left',
                 fontSize: '12px',
+                marginBottom: '-10px',
               }
             }, [
               'Total Tokens'
@@ -353,46 +355,46 @@ PendingTx.prototype.render = function () {
           ])
         ]),
 
-        sectionDivider,
-
-        h('form#pending-tx-form', {
-          onSubmit: this.onSubmit.bind(this),
-        }, [
-          // Reset Button
-          // h('button', {
-          //   onClick: (event) => {
-          //     this.resetGasFields()
-          //     event.preventDefault()
-          //   },
-          // }, 'Reset'),
-
-          // Accept Button
-          h('input.confirm.btn-green', {
-            type: 'submit',
-            value: 'SUBMIT',
-            style: {
-              color: '#FFFFFF',
-              borderRadius: '2px';
-              fontSize: '12px',
-              lineHeight: '20px',
-              textAlign: 'center',
-            },
-            disabled: insufficientBalance || !this.state.valid || !isValidAddress || this.state.submitting,
-          }),
+      ]), // end of container
 
-          // Cancel Button
-          h('button.cancel.btn-light', {
-            style: {
-              background: '#F7F7F7', // $alabaster
-              border: 'none',
-              opacity: 1,
-              width: '8em',
-            },
-            onClick: props.cancelTransaction,
-          }, 'Reject'),
-        ]),
+      h('form#pending-tx-form.flex-column.flex-center', {
+        onSubmit: this.onSubmit.bind(this),
+      }, [
+        // Reset Button
+        // h('button', {
+        //   onClick: (event) => {
+        //     this.resetGasFields()
+        //     event.preventDefault()
+        //   },
+        // }, 'Reset'),
+
+        // Accept Button
+        h('input.confirm.btn-green', {
+          type: 'submit',
+          value: 'SUBMIT',
+          style: {
+            marginTop: '8px',
+            width: '8em',
+            color: '#FFFFFF',
+            borderRadius: '2px',
+            fontSize: '12px',
+            lineHeight: '20px',
+            textAlign: 'center',
+          },
+          disabled: insufficientBalance || !this.state.valid || !isValidAddress || this.state.submitting,
+        }),
 
-      ]) // end of main container
+        // Cancel Button
+        h('button.cancel.btn-light', {
+          style: {
+            background: '#F7F7F7', // $alabaster
+            border: 'none',
+            opacity: 1,
+            width: '8em',
+          },
+          onClick: props.cancelTransaction,
+        }, 'Reject'),
+      ]),
     ]) // end of minwidth wrapper
   )
 }