From 62c2d876ebd9f9d4c90dc24ed30e002fb92896fa Mon Sep 17 00:00:00 2001
From: Diego Mello <diegolmello@gmail.com>
Date: Mon, 21 Nov 2022 16:10:38 -0300
Subject: [PATCH] [IMPROVE] Standardize padding of E2E screens (#4701)

---
 app/views/E2EEnterYourPasswordView.tsx | 12 +++---------
 app/views/E2EHowItWorksView.tsx        |  4 ++--
 app/views/E2ESaveYourPasswordView.tsx  | 14 ++++++++------
 app/views/Styles.ts                    |  2 +-
 4 files changed, 14 insertions(+), 18 deletions(-)

diff --git a/app/views/E2EEnterYourPasswordView.tsx b/app/views/E2EEnterYourPasswordView.tsx
index 3b00c50a..18245da6 100644
--- a/app/views/E2EEnterYourPasswordView.tsx
+++ b/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'
diff --git a/app/views/E2EHowItWorksView.tsx b/app/views/E2EHowItWorksView.tsx
index 5fc46977..279b1c76 100644
--- a/app/views/E2EHowItWorksView.tsx
+++ b/app/views/E2EHowItWorksView.tsx
@@ -15,8 +15,8 @@ const styles = StyleSheet.create({
 		padding: 16
 	},
 	info: {
-		fontSize: 14,
-		marginVertical: 8
+		fontSize: 16,
+		marginBottom: 16
 	}
 });
 
diff --git a/app/views/E2ESaveYourPasswordView.tsx b/app/views/E2ESaveYourPasswordView.tsx
index ff6409b2..683d6709 100644
--- a/app/views/E2ESaveYourPasswordView.tsx
+++ b/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>
diff --git a/app/views/Styles.ts b/app/views/Styles.ts
index 4dd9dcd1..c341d13a 100644
--- a/app/views/Styles.ts
+++ b/app/views/Styles.ts
@@ -18,7 +18,7 @@ export default StyleSheet.create({
 		flexDirection: 'column'
 	},
 	containerScrollView: {
-		padding: 15,
+		padding: 16,
 		paddingBottom: 30
 	},
 	tabletScreenContent: {