Add wrappers

pull/3/head
Vasek Mlejnsky 6 years ago
parent a2c0c92446
commit 5eebb76e27

@ -19,6 +19,8 @@ import Row from '../Row';
import RowCoin from '../RowCoin'; import RowCoin from '../RowCoin';
const Wrapper = style.div``;
const Text = styled.span` const Text = styled.span`
font-size: ${FONT_SIZE.SMALLER}; font-size: ${FONT_SIZE.SMALLER};
color: ${colors.TEXT_SECONDARY}; color: ${colors.TEXT_SECONDARY};
@ -210,13 +212,13 @@ const AccountMenu = (props: Props): ?React$Element<string> => {
} }
return ( return (
<React.Fragment> <Wrapper>
{backButton} {backButton}
<div> <div>
{selectedAccounts} {selectedAccounts}
</div> </div>
{discoveryStatus} {discoveryStatus}
</React.Fragment> </Wrapper>
); );
}; };

@ -1,13 +1,15 @@
/* @flow */ /* @flow */
import React, { Component } from 'react'; import React, { Component } from 'react';
import TrezorConnect from 'trezor-connect'; import TrezorConnect from 'trezor-connect';
import styled from 'styled-components';
import type { TrezorDevice } from 'flowtype'; import type { TrezorDevice } from 'flowtype';
import type { Props } from '../common'; import type { Props } from '../common';
import Divider from '../Divider'; import Divider from '../Divider';
const Wrapper = styled.div``;
export const DeviceSelect = (props: Props) => { export const DeviceSelect = (props: Props) => {
const { devices } = props; const { devices } = props;
const { transport } = props.connect; const { transport } = props.connect;
@ -212,12 +214,12 @@ export class DeviceDropdown extends Component<Props> {
return ( return (
<React.Fragment> <Wrapper>
{currentDeviceMenu} {currentDeviceMenu}
{deviceList.length > 1 ? <Divider textLeft="Other devices" borderBottom /> : null} {deviceList.length > 1 ? <Divider textLeft="Other devices" borderBottom /> : null}
{deviceList} {deviceList}
{webUsbButton} {webUsbButton}
</React.Fragment> </Wrapper>
); );
} }
} }

Loading…
Cancel
Save