diff --git a/native/account/registration/registration-container.react.js b/native/account/registration/registration-container.react.js
index b3b833805..f3bbe2207 100644
--- a/native/account/registration/registration-container.react.js
+++ b/native/account/registration/registration-container.react.js
@@ -1,33 +1,34 @@
// @flow
import { useHeaderHeight } from '@react-navigation/elements';
import * as React from 'react';
import { View } from 'react-native';
import { useStyles } from '../../themes/colors.js';
type Props = {
+children: React.Node,
};
function RegistrationContainer(props: Props): React.Node {
const styles = useStyles(unboundStyles);
const headerHeight = useHeaderHeight();
const backgroundStyle = React.useMemo(
() => ({
...styles.background,
marginTop: headerHeight,
}),
[headerHeight, styles.background],
);
return {props.children};
}
const unboundStyles = {
background: {
backgroundColor: 'panelBackground',
+ padding: 16,
},
};
export default RegistrationContainer;
diff --git a/native/account/registration/registration-navigator.react.js b/native/account/registration/registration-navigator.react.js
index dc20fbb88..98bb08f55 100644
--- a/native/account/registration/registration-navigator.react.js
+++ b/native/account/registration/registration-navigator.react.js
@@ -1,63 +1,66 @@
// @flow
import {
createStackNavigator,
type StackNavigationProp,
type StackNavigationHelpers,
} from '@react-navigation/stack';
import * as React from 'react';
import { View } from 'react-native';
import KeyserverSelection from './keyserver-selection.react.js';
import type { RootNavigationProp } from '../../navigation/root-navigator.react.js';
import {
KeyserverSelectionRouteName,
type ScreenParamList,
type RegistrationParamList,
} from '../../navigation/route-names.js';
import { useStyles } from '../../themes/colors.js';
export type RegistrationNavigationProp<
RouteName: $Keys = $Keys,
> = StackNavigationProp;
const Registration = createStackNavigator<
ScreenParamList,
RegistrationParamList,
StackNavigationHelpers,
>();
const screenOptions = {
headerTransparent: true,
headerBackTitleVisible: false,
headerTitle: '',
headerTintColor: 'white',
+ headerLeftContainerStyle: {
+ paddingLeft: 12,
+ },
};
type Props = {
+navigation: RootNavigationProp<'Registration'>,
...
};
// eslint-disable-next-line no-unused-vars
function RegistrationNavigator(props: Props): React.Node {
const styles = useStyles(unboundStyles);
return (
);
}
const unboundStyles = {
view: {
flex: 1,
backgroundColor: 'panelBackground',
},
};
export default RegistrationNavigator;