diff --git a/src/views/Wallet/views/Bootloader/index.js b/src/views/Wallet/views/Bootloader/index.js index 15230db0..273c0211 100644 --- a/src/views/Wallet/views/Bootloader/index.js +++ b/src/views/Wallet/views/Bootloader/index.js @@ -1,6 +1,7 @@ import React from 'react'; import styled from 'styled-components'; -import { H2 } from 'components/Heading'; +import { H1 } from 'components/Heading'; +import P from 'components/Paragraph'; import { connect } from 'react-redux'; const Wrapper = styled.div` @@ -15,16 +16,16 @@ const Row = styled.div` padding: 100px 48px; `; -const P = styled.p` - padding: 10px 0px; +const StyledP = styled(P)` + padding: 0 0 15px 0; text-align: center; `; const Bootloader = () => ( -

Your device is in firmware update mode

-

Please re-connect it

+

Your device is in firmware update mode

+ Please re-connect it
); diff --git a/src/views/Wallet/views/Dashboard/index.js b/src/views/Wallet/views/Dashboard/index.js index ea4dfc35..636e1b3a 100644 --- a/src/views/Wallet/views/Dashboard/index.js +++ b/src/views/Wallet/views/Dashboard/index.js @@ -3,7 +3,8 @@ import styled from 'styled-components'; import { connect } from 'react-redux'; import Content from 'views/Wallet/components/Content'; -import { H2 } from 'components/Heading'; +import { H1 } from 'components/Heading'; +import Paragraph from 'components/Paragraph'; import DashboardImg from 'images/dashboard.png'; const Wrapper = styled.div` @@ -20,18 +21,17 @@ const Row = styled.div` align-items: center; `; -const P = styled.p` - padding: 24px 0px; +const StyledP = styled(Paragraph)` + padding: 0 0 15px 0; text-align: center; `; const Dashboard = () => ( -

Dashboard

-

Please select your coin

-

You will gain access to receiving & sending selected coin

+

Please select your coin

+ You will gain access to receiving & sending selected coin Dashboard
diff --git a/src/views/Wallet/views/DeviceSettings/index.js b/src/views/Wallet/views/DeviceSettings/index.js index ca5c384e..4899d548 100644 --- a/src/views/Wallet/views/DeviceSettings/index.js +++ b/src/views/Wallet/views/DeviceSettings/index.js @@ -1,6 +1,6 @@ import React from 'react'; import styled from 'styled-components'; -import { H2 } from 'components/Heading'; +import { H1 } from 'components/Heading'; import Icon from 'components/Icon'; import colors from 'config/colors'; import Button from 'components/Button'; @@ -24,7 +24,7 @@ const Row = styled.div` `; const StyledP = styled(P)` - padding: 10px 0 15px 0; + padding: 0 0 15px 0; text-align: center; `; @@ -37,8 +37,8 @@ const DeviceSettings = () => ( color={colors.WARNING_PRIMARY} icon={ICONS.WARNING} /> -

Device settings is under construction

- Please use Bitcoin wallet interface to change your device settings +

Device settings is under construction

+ Please use Bitcoin wallet interface to change your device settings diff --git a/src/views/Wallet/views/FirmwareUpdate/index.js b/src/views/Wallet/views/FirmwareUpdate/index.js index 6c6699ea..9cfa2ab1 100644 --- a/src/views/Wallet/views/FirmwareUpdate/index.js +++ b/src/views/Wallet/views/FirmwareUpdate/index.js @@ -46,6 +46,7 @@ const Image = styled.div` const StyledP = styled(P)` padding: 0 0 15px 0; + text-align: center; `; const FirmwareUpdate = (props: Props) => ( diff --git a/src/views/Wallet/views/Initialize/index.js b/src/views/Wallet/views/Initialize/index.js index 1a5a5309..8a9ecace 100644 --- a/src/views/Wallet/views/Initialize/index.js +++ b/src/views/Wallet/views/Initialize/index.js @@ -1,7 +1,8 @@ import styled from 'styled-components'; -import { H2 } from 'components/Heading'; +import { H1 } from 'components/Heading'; import Button from 'components/Button'; import Paragraph from 'components/Paragraph'; +import Content from 'views/Wallet/components/Content'; import React from 'react'; import { connect } from 'react-redux'; @@ -20,21 +21,22 @@ const Row = styled.div` const A = styled.a``; const StyledParagraph = styled(Paragraph)` - margin: 10px 50px; - display: block; + padding: 0 0 15px 0; text-align: center; `; const Initialize = () => ( - - -

Your device is in not initialized

- Please use Bitcoin wallet interface to start initialization process - - - -
-
+ + + +

Your device is in not initialized

+ Please use Bitcoin wallet interface to start initialization process + + + +
+
+
); export default connect(null, null)(Initialize); diff --git a/src/views/Wallet/views/Seedless/index.js b/src/views/Wallet/views/Seedless/index.js index 15dd943d..c8266a72 100644 --- a/src/views/Wallet/views/Seedless/index.js +++ b/src/views/Wallet/views/Seedless/index.js @@ -1,9 +1,11 @@ import styled from 'styled-components'; -import { H2 } from 'components/Heading'; +import { H1 } from 'components/Heading'; import Paragraph from 'components/Paragraph'; +import Content from 'views/Wallet/components/Content'; import React from 'react'; import { connect } from 'react-redux'; + const Wrapper = styled.div` display: flex; flex-direction: column; @@ -17,18 +19,19 @@ const Row = styled.div` `; const StyledParagraph = styled(Paragraph)` - margin: 10px 50px; - display: block; + padding: 0 0 15px 0; text-align: center; `; const Seedless = () => ( - - -

Device is in seedless mode

- It's not suitable to use this service. -
-
+ + + +

Device is in seedless mode

+ It's not suitable to use this service. +
+
+
); export default connect(null, null)(Seedless); diff --git a/src/views/Wallet/views/WalletSettings/index.js b/src/views/Wallet/views/WalletSettings/index.js index c584f958..43c2bd12 100644 --- a/src/views/Wallet/views/WalletSettings/index.js +++ b/src/views/Wallet/views/WalletSettings/index.js @@ -6,7 +6,7 @@ import colors from 'config/colors'; import icons from 'config/icons'; import Content from 'views/Wallet/components/Content'; -import { H2 } from 'components/Heading'; +import { H1 } from 'components/Heading'; import Icon from 'components/Icon'; import Link from 'components/Link'; import Button from 'components/Button'; @@ -32,7 +32,7 @@ const WalletSettings = () => ( color={colors.WARNING_PRIMARY} icon={icons.WARNING} /> -

Wallet settings is under construction

+

Wallet settings is under construction