diff --git a/src/views/Landing/components/ConnectDevice/index.js b/src/views/Landing/components/ConnectDevice/index.js index ac7dc9b9..3deef03c 100644 --- a/src/views/Landing/components/ConnectDevice/index.js +++ b/src/views/Landing/components/ConnectDevice/index.js @@ -5,7 +5,7 @@ import styled, { keyframes } from 'styled-components'; import TrezorConnect from 'trezor-connect'; import l10nCommonMessages from 'views/common.messages'; -import { Button, P, H5, Link, colors } from 'trezor-ui-components'; +import { Button, P, H5, Link, icons, colors } from 'trezor-ui-components'; import { PULSATE } from 'config/animations'; import { FONT_SIZE, FONT_WEIGHT, SCREEN_SIZE } from 'config/variables'; @@ -163,7 +163,11 @@ class ConnectDevice extends PureComponent { - + diff --git a/src/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js b/src/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js index 09065c4f..3cc1e3cd 100644 --- a/src/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js +++ b/src/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js @@ -4,7 +4,7 @@ import styled from 'styled-components'; import TrezorConnect from 'trezor-connect'; import { FormattedMessage } from 'react-intl'; -import { Button, colors as COLORS } from 'trezor-ui-components'; +import { Button, icons, colors as COLORS } from 'trezor-ui-components'; import { FONT_SIZE, FONT_WEIGHT } from 'config/variables'; import { SLIDE_DOWN } from 'config/animations'; @@ -30,7 +30,7 @@ const Wrapper = styled.div` const ButtonWrapper = styled.div` margin: 10px 0; - padding: 0 10px; + padding: 0 24px; display: flex; `; const StyledButton = styled(Button)` @@ -131,7 +131,11 @@ class DeviceMenu extends PureComponent { /> {deviceUtils.isWebUSB(transport) && ( - +