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,19 +141,20 @@ const AccountReceive = (props: Props) => {
                             icon={
                                 (addressVerified || addressUnverified) &&
                                 !isAddressVerifying && (
-                                    <Tooltip
-                                        placement="left"
-                                        content={
-                                            <VerifyAddressTooltip
-                                                isConnected={device.connected}
-                                                isAvailable={device.available}
-                                                addressUnverified={addressUnverified}
-                                            />
-                                        }
+                                    <EyeButton
+                                        isTransparent
+                                        onClick={() => props.showAddress(account.accountPath)}
                                     >
-                                        <EyeButton
-                                            isTransparent
-                                            onClick={() => props.showAddress(account.accountPath)}
+                                        {' '}
+                                        <Tooltip
+                                            placement="top"
+                                            content={
+                                                <VerifyAddressTooltip
+                                                    isConnected={device.connected}
+                                                    isAvailable={device.available}
+                                                    addressUnverified={addressUnverified}
+                                                />
+                                            }
                                         >
                                             <Icon
                                                 size={16}
@@ -168,8 +169,8 @@ const AccountReceive = (props: Props) => {
                                                         : colors.TEXT_PRIMARY
                                                 }
                                             />
-                                        </EyeButton>
-                                    </Tooltip>
+                                        </Tooltip>
+                                    </EyeButton>
                                 )
                             }
                         />