FIx double divider border in 'DeviceMenu'

src/js/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js

@@ -52,6 +52,8 @@ class CoinMenu extends Component {
                 <Divider
                     textLeft="Other coins"
                     textRight="(You will be redirected)"
+                    borderTop
+                    borderBottom
                 />
                 {coins.map(coin => (
                     <a key={coin.url} href={coin.url}>

src/js/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js

@@ -6,7 +6,7 @@ import type { TrezorDevice } from 'flowtype';
 
 import type { Props } from '../common';
 
-import AsideDivider from '../Divider';
+import Divider from '../Divider';
 
 export const DeviceSelect = (props: Props) => {
     const { devices } = props;
@@ -214,7 +214,7 @@ export class DeviceDropdown extends Component<Props> {
         return (
             <React.Fragment>
                 {currentDeviceMenu}
-                {deviceList.length > 1 ? <AsideDivider textLeft="Other devices" /> : null}
+                {deviceList.length > 1 ? <Divider textLeft="Other devices" borderBottom /> : null}
                 {deviceList}
                 {webUsbButton}
             </React.Fragment>

src/js/views/Wallet/components/LeftNavigation/components/Divider/index.js

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import React from 'react';
 import PropTypes from 'prop-types';
 
@@ -12,12 +12,21 @@ const Wrapper = styled.div`
     font-size: ${FONT_SIZE.SMALLER};
     color: ${colors.TEXT_SECONDARY};
     background: ${colors.GRAY_LIGHT};
-    border-top: 1px solid ${colors.DIVIDER};
+    ${props => props.borderTop && css`
-    border-bottom: 1px solid ${colors.DIVIDER};
+        border-top: 1px solid ${colors.DIVIDER};
+    `}
+    ${props => props.borderBottom && css`
+        border-bottom: 1px solid ${colors.DIVIDER};
+    `}
 `;
 
-const Divider = ({ textLeft, textRight }) => (
+const Divider = ({
-    <Wrapper>
+    textLeft, textRight, borderTop, borderBottom,
+}) => (
+    <Wrapper
+        borderTop={borderTop}
+        borderBottom={borderBottom}
+    >
         <p>{textLeft}</p>
         <p>{textRight}</p>
     </Wrapper>
@@ -26,6 +35,8 @@ const Divider = ({ textLeft, textRight }) => (
 Divider.propTypes = {
     textLeft: PropTypes.string,
     textRight: PropTypes.string,
+    borderTop: PropTypes.bool.isRequired,
+    borderBottom: PropTypes.bool.isRequired,
 };
 
 export default Divider;