diff --git a/src/components/images/DeviceIcon/index.js b/src/components/images/DeviceIcon/index.js index 853c8886..8ae997ad 100644 --- a/src/components/images/DeviceIcon/index.js +++ b/src/components/images/DeviceIcon/index.js @@ -30,10 +30,20 @@ const DeviceIcon = ({ color = COLORS.TEXT_SECONDARY, hoverColor, onClick, + ...rest }: Props) => { const majorVersion = device.features ? device.features.major_version : 2; const icon = getDeviceIcon(majorVersion); - return ; + return ( + + ); }; DeviceIcon.propTypes = { diff --git a/src/views/Wallet/views/Account/Receive/ethereum/index.js b/src/views/Wallet/views/Account/Receive/ethereum/index.js index c8743bb8..406820db 100644 --- a/src/views/Wallet/views/Account/Receive/ethereum/index.js +++ b/src/views/Wallet/views/Account/Receive/ethereum/index.js @@ -78,7 +78,7 @@ const QrWrapper = styled.div` `; const StyledDeviceIcon = styled(DeviceIcon)` - margin-right: 6px; + margin: 0 6px; `; const AccountReceive = (props: Props) => { diff --git a/src/views/Wallet/views/Account/Receive/ripple/index.js b/src/views/Wallet/views/Account/Receive/ripple/index.js index 426b28c5..93480906 100644 --- a/src/views/Wallet/views/Account/Receive/ripple/index.js +++ b/src/views/Wallet/views/Account/Receive/ripple/index.js @@ -59,9 +59,7 @@ const ShowAddressButton = styled(Button)` const EyeButton = styled(Button)` z-index: 10001; padding: 0; - width: 30px; - background: transparent; - top: 5px; + top: 12px; position: absolute; right: 10px; @@ -85,6 +83,10 @@ const QrWrapper = styled.div` flex-direction: column; `; +const StyledDeviceIcon = styled(DeviceIcon)` + margin: 0 6px; +`; + const AccountReceive = (props: Props) => { const device = props.wallet.selectedDevice; const { account, discovery, shouldRender } = props.selectedAccount; @@ -124,7 +126,11 @@ const AccountReceive = (props: Props) => { trezorAction={ isAddressVerifying ? ( - + @@ -145,9 +151,11 @@ const AccountReceive = (props: Props) => { } > props.showAddress(account.accountPath)} >