Merge pull request #511 from trezor/fix/tooltip-position

fix ripple tooltip position

src/views/Wallet/views/Account/Receive/ripple/index.js

@@ -59,7 +59,7 @@ const ShowAddressButton = styled(Button)`
 const EyeButton = styled(Button)`
     z-index: 10001;
     padding: 0;
-    top: 12px;
+    top: 10px;
     position: absolute;
     right: 10px;
 
@@ -141,8 +141,13 @@ const AccountReceive = (props: Props) => {
                             icon={
                                 (addressVerified || addressUnverified) &&
                                 !isAddressVerifying && (
+                                    <EyeButton
+                                        isTransparent
+                                        onClick={() => props.showAddress(account.accountPath)}
+                                    >
+                                        {' '}
                                         <Tooltip
-                                        placement="left"
+                                            placement="top"
                                             content={
                                                 <VerifyAddressTooltip
                                                     isConnected={device.connected}
@@ -150,10 +155,6 @@ const AccountReceive = (props: Props) => {
                                                     addressUnverified={addressUnverified}
                                                 />
                                             }
-                                    >
-                                        <EyeButton
-                                            isTransparent
-                                            onClick={() => props.showAddress(account.accountPath)}
                                         >
                                             <Icon
                                                 size={16}
@@ -168,8 +169,8 @@ const AccountReceive = (props: Props) => {
                                                         : colors.TEXT_PRIMARY
                                                 }
                                             />
-                                        </EyeButton>
                                         </Tooltip>
+                                    </EyeButton>
                                 )
                             }
                         />