diff --git a/package.json b/package.json index 8f0cc7ab..c34df20c 100644 --- a/package.json +++ b/package.json @@ -60,8 +60,8 @@ "redux-logger": "^3.0.6", "redux-raven-middleware": "^1.2.0", "redux-thunk": "^2.2.0", - "styled-components": "^3.4.9", "rimraf": "^2.6.2", + "styled-components": "^3.4.9", "styled-media-query": "^2.0.2", "styled-normalize": "^8.0.0", "trezor-connect": "^5.0.32", diff --git a/src/views/Wallet/views/Account/Receive/index.js b/src/views/Wallet/views/Account/Receive/index.js index 9bef69f1..9be4bc3e 100644 --- a/src/views/Wallet/views/Account/Receive/index.js +++ b/src/views/Wallet/views/Account/Receive/index.js @@ -80,7 +80,7 @@ const ValueWrapper = styled.div` const ArrowUp = styled.div` position: absolute; - top: 30px; + top: 35px; left: 70px; width: 0; height: 0; @@ -97,7 +97,7 @@ const AddressInfoText = styled.div` margin: 0px 2px; padding: 0 14px 0 5px; position: absolute; - top: 39px; + top: 45px; background: black; color: ${colors.WHITE}; border-radius: 5px; @@ -127,10 +127,10 @@ const ShowAddressIcon = styled(Icon)` const EyeButton = styled(Button)` z-index: 10001; padding: 0; + width: 30px; + top: 5px; position: absolute; - left: auto; right: 10px; - top: 6px; `; const AccountReceive = (props: Props) => { @@ -159,81 +159,73 @@ const AccountReceive = (props: Props) => { return ( - -

Receive Ethereum or tokens

- - {isAddressVerifying && ( - Confirm address on TREZOR - )} - {((addressVerified || addressUnverified) && !isAddressVerifying) && ( - +

Receive Ethereum or tokens

+ + {isAddressVerifying && ( + Confirm address on TREZOR + )} + {((addressVerified || addressUnverified) && !isAddressVerifying) && ( + + )} + > props.showAddress(account.addressPath)} > - - )} - > - - - - )} - - {address} - - {isAddressVerifying && ( - - - - - Check address on your Trezor - - - )} - {(addressVerified || addressUnverified) && ( - - - - - )} - {!(addressVerified || addressUnverified) && ( - props.showAddress(account.addressPath)} - isDisabled={device.connected && !discovery.completed} - > - + + )} + + {address} + + {isAddressVerifying && ( + + + + - Show full address - - )} - -
+ Check address on your Trezor + + + )} + {(addressVerified || addressUnverified) && ( + + + + + )} + {!(addressVerified || addressUnverified) && ( + props.showAddress(account.addressPath)} isDisabled={device.connected && !discovery.completed}> + Show full address + + )} +
); };