From 347767de3d1ff538b5f633b64f55fa55a4bf2d03 Mon Sep 17 00:00:00 2001
From: Vladimir Volek <vladimir.volek@satoshilabs.com>
Date: Tue, 30 Oct 2018 16:16:20 +0100
Subject: [PATCH] Fixed icon hover and tooltip

---
 src/views/Wallet/views/Account/Receive/index.js | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/views/Wallet/views/Account/Receive/index.js b/src/views/Wallet/views/Account/Receive/index.js
index c366479e..dc8ac2fe 100644
--- a/src/views/Wallet/views/Account/Receive/index.js
+++ b/src/views/Wallet/views/Account/Receive/index.js
@@ -12,7 +12,6 @@ import Input from 'components/inputs/Input';
 
 import ICONS from 'config/icons';
 import colors from 'config/colors';
-import { FONT_SIZE, FONT_WEIGHT, FONT_FAMILY } from 'config/variables';
 import { CONTEXT_DEVICE } from 'actions/constants/modal';
 
 import Content from 'views/Wallet/components/Content';
@@ -40,6 +39,7 @@ const StyledQRCode = styled(QRCode)`
 const ShowAddressButton = styled(Button)`
     min-width: 195px;
     padding: 0;
+    white-space: nowrap;
     display: flex;
     height: 40px;
     align-items: center;
@@ -67,6 +67,10 @@ const EyeButton = styled(Button)`
     top: 5px;
     position: absolute;
     right: 10px;
+
+    &:hover {
+        background: white;
+    }
 `;
 
 const Row = styled.div`
@@ -128,7 +132,7 @@ const AccountReceive = (props: Props) => {
                             ) : null}
                             icon={((addressVerified || addressUnverified) && !isAddressVerifying) && (
                                 <Tooltip
-                                    placement="bottom"
+                                    placement="left"
                                     content={(
                                         <VerifyAddressTooltip
                                             isConnected={device.connected}
@@ -137,16 +141,11 @@ const AccountReceive = (props: Props) => {
                                         />
                                     )}
                                 >
-                                    <EyeButton
-                                        isTransparent
-                                        onClick={() => props.showAddress(account.addressPath)}
-                                    >
-
+                                    <EyeButton onClick={() => props.showAddress(account.addressPath)}>
                                         <Icon
                                             icon={addressUnverified ? ICONS.EYE_CROSSED : ICONS.EYE}
                                             color={addressUnverified ? colors.ERROR_PRIMARY : colors.TEXT_PRIMARY}
                                         />
-
                                     </EyeButton>
                                 </Tooltip>
                             )}