diff --git a/native/account/registration/connect-ethereum.react.js b/native/account/registration/connect-ethereum.react.js --- a/native/account/registration/connect-ethereum.react.js +++ b/native/account/registration/connect-ethereum.react.js @@ -3,6 +3,7 @@ import * as React from 'react'; import { Text, View } from 'react-native'; +import RegistrationButtonContainer from './registration-button-container.react.js'; import RegistrationButton from './registration-button.react.js'; import RegistrationContentContainer from './registration-content-container.react.js'; import type { RegistrationNavigationProp } from './registration-navigator.react.js'; @@ -82,16 +83,18 @@ - - + + + + ); } diff --git a/native/account/registration/cool-or-nerd-mode-selection.react.js b/native/account/registration/cool-or-nerd-mode-selection.react.js --- a/native/account/registration/cool-or-nerd-mode-selection.react.js +++ b/native/account/registration/cool-or-nerd-mode-selection.react.js @@ -4,6 +4,7 @@ import * as React from 'react'; import { Text, View } from 'react-native'; +import RegistrationButtonContainer from './registration-button-container.react.js'; import RegistrationButton from './registration-button.react.js'; import RegistrationContentContainer from './registration-content-container.react.js'; import type { RegistrationNavigationProp } from './registration-navigator.react.js'; @@ -84,11 +85,13 @@ - + + + ); } diff --git a/native/account/registration/keyserver-selection.react.js b/native/account/registration/keyserver-selection.react.js --- a/native/account/registration/keyserver-selection.react.js +++ b/native/account/registration/keyserver-selection.react.js @@ -4,6 +4,7 @@ import * as React from 'react'; import { Text, TextInput, View } from 'react-native'; +import RegistrationButtonContainer from './registration-button-container.react.js'; import RegistrationButton from './registration-button.react.js'; import RegistrationContentContainer from './registration-content-container.react.js'; import type { RegistrationNavigationProp } from './registration-navigator.react.js'; @@ -124,11 +125,13 @@ /> - + + + ); } diff --git a/native/account/registration/registration-button-container.react.js b/native/account/registration/registration-button-container.react.js new file mode 100644 --- /dev/null +++ b/native/account/registration/registration-button-container.react.js @@ -0,0 +1,20 @@ +// @flow + +import * as React from 'react'; +import { View } from 'react-native'; + +type Props = { + +children: React.Node, +}; +function RegistrationButtonContainer(props: Props): React.Node { + return {props.children}; +} + +const styles = { + container: { + marginVertical: 8, + marginHorizontal: 16, + }, +}; + +export default RegistrationButtonContainer; diff --git a/native/account/registration/registration-button.react.js b/native/account/registration/registration-button.react.js --- a/native/account/registration/registration-button.react.js +++ b/native/account/registration/registration-button.react.js @@ -45,7 +45,7 @@ button: { backgroundColor: 'purpleButton', borderRadius: 8, - margin: 16, + marginVertical: 8, }, buttonText: { fontSize: 18,