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,