From 666044d417d45ee0e5e491cac388d1f57ee83932 Mon Sep 17 00:00:00 2001
From: Kevin Serrano <kevgagser@gmail.com>
Date: Tue, 28 Feb 2017 10:23:47 -0800
Subject: [PATCH 1/2] Add margins to align.

---
 ui/app/components/hex-as-decimal-input.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ui/app/components/hex-as-decimal-input.js b/ui/app/components/hex-as-decimal-input.js
index 254232a0a..523c1264b 100644
--- a/ui/app/components/hex-as-decimal-input.js
+++ b/ui/app/components/hex-as-decimal-input.js
@@ -56,6 +56,7 @@ HexAsDecimalInput.prototype.render = function () {
           color: ' #AEAEAE',
           fontSize: '12px',
           marginLeft: '5px',
+          marginRight: '6px',
           width: '20px',
         },
       }, suffix),

From acfb6ff0f87309f45ade0ec4c5a3bd3d7cbad35c Mon Sep 17 00:00:00 2001
From: Kevin Serrano <kevgagser@gmail.com>
Date: Tue, 28 Feb 2017 14:07:19 -0800
Subject: [PATCH 2/2] Hide gas options behind an advanced options checkbox.

---
 ui/app/components/pending-tx-details.js | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/ui/app/components/pending-tx-details.js b/ui/app/components/pending-tx-details.js
index 643e69902..9bb75bd98 100644
--- a/ui/app/components/pending-tx-details.js
+++ b/ui/app/components/pending-tx-details.js
@@ -40,6 +40,7 @@ PTXP.render = function () {
   var maxCost = state.maxCost || txData.maxCost || ''
   var dataLength = txParams.data ? (txParams.data.length - 2) / 2 : 0
   var imageify = props.imageifyIdenticons === undefined ? true : props.imageifyIdenticons
+  var advanced = state.advanced || false
 
   log.debug(`rendering gas: ${gas}, gasPrice: ${gasPrice}, txFee: ${txFee}, maxCost: ${maxCost}`)
 
@@ -108,6 +109,17 @@ PTXP.render = function () {
 
       h('.table-box', [
 
+        h('.row', [
+          h('.cell.label', 'Advanced Options'),
+          h('input', {
+            type: 'checkbox',
+            selected: advanced,
+            onChange: () => {
+              this.setState({advanced: !advanced})
+            }
+          })
+        ]),
+
         // Ether Value
         // Currently not customizable, but easily modified
         // in the way that gas and gasLimit currently are.
@@ -117,7 +129,7 @@ PTXP.render = function () {
         ]),
 
         // Gas Limit (customizable)
-        h('.cell.row', [
+        advanced ? h('.cell.row', [
           h('.cell.label', 'Gas Limit'),
           h('.cell.value', {
           }, [
@@ -134,10 +146,10 @@ PTXP.render = function () {
               },
             }),
           ]),
-        ]),
+        ]) : null,
 
         // Gas Price (customizable)
-        h('.cell.row', [
+        advanced ? h('.cell.row', [
           h('.cell.label', 'Gas Price'),
           h('.cell.value', {
           }, [
@@ -154,7 +166,7 @@ PTXP.render = function () {
               },
             }),
           ]),
-        ]),
+        ]) : null,
 
         // Max Transaction Fee (calculated)
         h('.cell.row', [