Merge pull request #458 from trezor/fix/coins-menu-padding

Fix/coins menu padding

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 = (
             <Logo
                 className={className}
-                hasLongIcon={this.hasLongIcon(network)}
                 src={require(`images/coins/${network}.png`)} // eslint-disable-line
             />
         );

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};