From b251d0f675b77b56adfab12cc512f985ada79c49 Mon Sep 17 00:00:00 2001
From: Dan <danjm.com@gmail.com>
Date: Tue, 29 Aug 2017 13:43:43 -0230
Subject: Center tooltip on small screen size by using flexbox

---
 ui/app/components/gas-tooltip.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'ui/app/components/gas-tooltip.js')

diff --git a/ui/app/components/gas-tooltip.js b/ui/app/components/gas-tooltip.js
index 4b6472b44..29d1af4ad 100644
--- a/ui/app/components/gas-tooltip.js
+++ b/ui/app/components/gas-tooltip.js
@@ -59,7 +59,12 @@ GasTooltip.prototype.render = function () {
   const { position, title, children, className } = this.props
   const { gasPrice, gasLimit } = this.state
 
-  return h('div', {}, [
+  return h('div', {
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+    }
+  }, [
     h('div.gas-tooltip-close-area', {
       onClick: this.onClose
     }),
-- 
cgit