From 6d9491094b125d4511b0d3061867981b5701f4cb Mon Sep 17 00:00:00 2001
From: Vladimir Volek <vladimir.volek@satoshilabs.com>
Date: Thu, 27 Sep 2018 13:18:41 +0200
Subject: [PATCH] Finished tooltips

---
 src/components/Tooltip/index.js                 |  3 ++-
 .../components/AdvancedForm/index.js            | 17 +++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/Tooltip/index.js b/src/components/Tooltip/index.js
index b89f12cf..e6467ab3 100644
--- a/src/components/Tooltip/index.js
+++ b/src/components/Tooltip/index.js
@@ -168,11 +168,12 @@ const Wrapper = styled.div`
 
 const Content = styled.div`
     padding-bottom: 10px;
+    text-align: justify;
 `;
 
 const ContentWrapper = styled.div``;
 const ReadMore = styled.div`
-    padding: 10px 0;
+    padding: 10px 0 5px 0;
     text-align: center;
     width: 100%;
     color: ${colors.WHITE};
diff --git a/src/views/Wallet/views/AccountSend/components/AdvancedForm/index.js b/src/views/Wallet/views/AccountSend/components/AdvancedForm/index.js
index 01898e9c..cd3bb65b 100644
--- a/src/views/Wallet/views/AccountSend/components/AdvancedForm/index.js
+++ b/src/views/Wallet/views/AccountSend/components/AdvancedForm/index.js
@@ -156,12 +156,13 @@ const AdvancedForm = (props: Props) => {
                             <Tooltip
                                 content={(
                                     <React.Fragment>
-                                        Gas limit is the amount of gas to send with your transaction.<br />
-                                        <GreenSpan>TX fee = gas price * gas limit</GreenSpan> &amp; is paid to miners for including your TX in a block.<br />
-                                        Increasing this number will not get your TX mined faster.<br />
-                                        Default value for sending {gasLimitTooltipCurrency} is <GreenSpan>{gasLimitTooltipValue}</GreenSpan>
+                                        Gas limit refers to the maximum amount of gas user is willing to spendon a particular transaction.{' '}
+                                        <GreenSpan>Transaction fee = gas limit * gas price</GreenSpan>.{' '}Increasing the gas limit will not get the transaction confirmed sooner.
+                                        Default value for sending {gasLimitTooltipCurrency} is <GreenSpan>{gasLimitTooltipValue}</GreenSpan>.
                                     </React.Fragment>
                                 )}
+                                maxWidth={410}
+                                readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_limit"
                                 placement="top"
                             >
                                 <Icon
@@ -190,13 +191,13 @@ const AdvancedForm = (props: Props) => {
                             <Tooltip
                                 content={(
                                     <React.Fragment>
-                                    Gas price refers to the amount of ether you are willing to pay for every
-                                    unit of gas, and is usually measured in “Gwei”. <GreenSpan>Transaction fee = gas limit * gas price</GreenSpan> Increasing the gas price will get the transaction confirmed sooner but
-                                    makes it more expensive. The recommended gas price is <GreenSpan>{recommendedGasPrice} GWEI</GreenSpan>.
+                                        Gas price refers to the amount of ether you are willing to pay for every
+                                        unit of gas, and is usually measured in “Gwei”. <GreenSpan>Transaction fee = gas limit * gas price</GreenSpan>. Increasing the gas price will get the transaction confirmed sooner but
+                                        makes it more expensive. The recommended gas price is <GreenSpan>{recommendedGasPrice} GWEI</GreenSpan>.
                                     </React.Fragment>
                                 )}
                                 maxWidth={400}
-                                readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_price_.28GWEI.29"
+                                readMoreLink="https://wiki.trezor.io/Ethereum_Wallet#Gas_price"
                                 placement="top"
                             >
                                 <Icon