improved styling of device menu

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

@@ -9,7 +9,7 @@ import { FONT_SIZE } from 'config/variables';
 
 const Wrapper = styled.div`
     padding: 0px 24px 8px 19px;
-    border-bottom: 1px solid ${colors.DIVIDER};
+    box-shadow: 0 3px 8px rgba(0,0,0,0.06);
     background: ${colors.WHITE};
 `;
 

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

@@ -10,7 +10,7 @@ import DeviceList from './components/DeviceList';
 
 import type { Props } from '../common';
 
-import AsideDivider from '../Divider';
+import Divider from '../Divider';
 
 const Wrapper = styled.div``;
 const ButtonWrapper = styled.div`
@@ -104,7 +104,7 @@ class DeviceMenu extends PureComponent<Props> {
         return (
             <Wrapper>
                 {this.showMenuItems() && <MenuItems device={selectedDevice} {...this.props} />}
-                {this.showDivider() && <AsideDivider textLeft="Other devices" />}
+                {this.showDivider() && <Divider hasBorder textLeft="Other devices" />}
                 <DeviceList
                     devices={devices}
                     selectedDevice={selectedDevice}