[WIP] Isolate form logic from rest of confirmation UI

ui/app/components/pending-tx.js

@@ -75,11 +75,8 @@ PendingTx.prototype.render = function () {
       key: txMeta.id,
     }, [
 
-      h('form#pending-tx-form', {
+      h('div', {
-        onSubmit: this.onSubmit.bind(this),
-
       }, [
-
         // tx info
         h('div', [
 
@@ -305,6 +302,11 @@ PendingTx.prototype.render = function () {
             }, 'Buy Ether')
           : null,
 
+
+          h('form#pending-tx-form', {
+            onSubmit: this.onSubmit.bind(this),
+          }, [
+            // Reset Button
             h('button', {
               onClick: (event) => {
                 this.resetGasFields()
@@ -320,10 +322,13 @@ PendingTx.prototype.render = function () {
               disabled: insufficientBalance || !this.state.valid || !isValidAddress || this.state.submitting,
             }),
 
+            // Cancel Button
             h('button.cancel.btn-red', {
               onClick: props.cancelTransaction,
             }, 'Reject'),
           ]),
+
+        ]),
       ]),
     ])
   )