[IMPROVE] Standardize padding of E2E screens (#4701)

app/views/E2EEnterYourPasswordView.tsx

@@ -17,12 +17,9 @@ import { useTheme } from '../theme';
 import sharedStyles from './Styles';
 
 const styles = StyleSheet.create({
-	container: {
-		padding: 28
-	},
 	info: {
-		fontSize: 14,
-		marginVertical: 8,
+		fontSize: 16,
+		marginVertical: 4,
 		...sharedStyles.textRegular
 	}
 });
@@ -53,10 +50,7 @@ const E2EEnterYourPasswordView = (): React.ReactElement => {
 		>
 			<StatusBar />
 			<ScrollView {...scrollPersistTaps} style={sharedStyles.container} contentContainerStyle={sharedStyles.containerScrollView}>
-				<SafeAreaView
-					style={[styles.container, { backgroundColor: colors.backgroundColor }]}
-					testID='e2e-enter-your-password-view'
-				>
+				<SafeAreaView style={{ backgroundColor: colors.backgroundColor }} testID='e2e-enter-your-password-view'>
 					<FormTextInput
 						placeholder={I18n.t('Password')}
 						returnKeyType='send'

app/views/E2EHowItWorksView.tsx

@@ -15,8 +15,8 @@ const styles = StyleSheet.create({
 		padding: 16
 	},
 	info: {
-		fontSize: 14,
-		marginVertical: 8
+		fontSize: 16,
+		marginBottom: 16
 	}
 });
 

app/views/E2ESaveYourPasswordView.tsx

@@ -25,7 +25,6 @@ import sharedStyles from './Styles';
 const styles = StyleSheet.create({
 	container: {
 		flex: 1,
-		padding: 44,
 		paddingTop: 32
 	},
 	content: {
@@ -33,10 +32,12 @@ const styles = StyleSheet.create({
 		alignItems: 'center'
 	},
 	warning: {
-		fontSize: 14,
-		...sharedStyles.textMedium
+		fontSize: 16,
+		...sharedStyles.textMedium,
+		textAlign: 'center'
 	},
 	passwordText: {
+		fontSize: 14,
 		marginBottom: 8,
 		...sharedStyles.textAlignCenter
 	},
@@ -50,9 +51,10 @@ const styles = StyleSheet.create({
 		height: 32
 	},
 	info: {
-		fontSize: 14,
+		fontSize: 16,
 		marginBottom: 64,
-		...sharedStyles.textRegular
+		...sharedStyles.textRegular,
+		textAlign: 'center'
 	}
 });
 
@@ -112,7 +114,7 @@ const E2ESaveYourPasswordView = () => {
 							style={[styles.copyButton, { backgroundColor: colors.auxiliaryBackground }]}
 							title={I18n.t('Copy')}
 							type='secondary'
-							fontSize={12}
+							fontSize={14}
 						/>
 					</View>
 					<Text style={[styles.info, { color: colors.bodyText }]}>{I18n.t('Save_Your_Encryption_Password_info')}</Text>

app/views/Styles.ts

@@ -18,7 +18,7 @@ export default StyleSheet.create({
 		flexDirection: 'column'
 	},
 	containerScrollView: {
-		padding: 15,
+		padding: 16,
 		paddingBottom: 30
 	},
 	tabletScreenContent: {