diff --git a/src/components/images/CoinLogo/index.js b/src/components/images/CoinLogo/index.js index 9a93522e..8816a799 100644 --- a/src/components/images/CoinLogo/index.js +++ b/src/components/images/CoinLogo/index.js @@ -5,35 +5,22 @@ import PropTypes from 'prop-types'; const Wrapper = styled.div` padding-right: 20px; width: 40px; + display: flex; + justify-content: center; `; const Logo = styled.img` - width: ${props => (props.hasLongIcon ? '15px' : '23px')}; - margin-left: ${props => (props.hasLongIcon ? '3px' : '0px')}; + height: 23px; display: block; `; class CoinLogo extends PureComponent { - constructor() { - super(); - this.longIcons = ['etc', 'eth', 'trop']; - } - - hasLongIcon(network) { - let hasLongIcon = false; - if (this.longIcons.includes(network)) { - hasLongIcon = true; - } - return hasLongIcon; - } - render() { const { network, className, standalone } = this.props; const logo = ( ); diff --git a/src/views/Wallet/components/LeftNavigation/components/RowCoin/index.js b/src/views/Wallet/components/LeftNavigation/components/RowCoin/index.js index 4be366de..df272aa8 100644 --- a/src/views/Wallet/components/LeftNavigation/components/RowCoin/index.js +++ b/src/views/Wallet/components/LeftNavigation/components/RowCoin/index.js @@ -15,7 +15,9 @@ const CoinNameWrapper = styled.div` const RowCoinWrapper = styled.div` padding: ${LEFT_NAVIGATION_ROW.PADDING}; - height: 50px; + padding-top: 0; + padding-bottom: 0; + height: 44px; display: block; font-size: ${FONT_SIZE.BIG}; color: ${colors.TEXT_PRIMARY};