Center tooltip on small screen size by using flexbox

1 files changed, 17 insertions, 18 deletions

diff --git a/ui/app/send.js b/ui/app/send.js
index 23216d54c..a65c51d30 100644
--- a/ui/app/send.js
+++ b/ui/app/send.js
@@ -225,6 +225,23 @@ SendTransactionScreen.prototype.render = function () {
         ]),
 
         h('div.send-screen-input-wrapper', {}, [
+          this.state.tooltipIsOpen && h(GasTooltip, {
+            className: 'send-tooltip',
+            gasPrice,
+            gasLimit: gas,
+            onClose: this.closeTooltip,
+            onFeeChange: ({gasLimit, gasPrice}) => {
+              this.setState({
+                newTx: Object.assign(
+                  this.state.newTx,
+                  {
+                    gas: gasLimit,
+                    gasPrice,
+                  }
+                ),
+              })
+            }
+          }),
 
           h('div.send-screen-gas-labels', {}, [
             h('span', {}, [
@@ -276,24 +293,6 @@ SendTransactionScreen.prototype.render = function () {
             ]),
           ]),
 
-          this.state.tooltipIsOpen && h(GasTooltip, {
-            className: 'send-tooltip',
-            gasPrice,
-            gasLimit: gas,
-            onClose: this.closeTooltip,
-            onFeeChange: ({gasLimit, gasPrice}) => {
-              this.setState({
-                newTx: Object.assign(
-                  this.state.newTx,
-                  {
-                    gas: gasLimit,
-                    gasPrice,
-                  }
-                ),
-              })
-            }
-          }),
-
         ]),
 
         h('div.send-screen-input-wrapper', {}, [