Refactor styles

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

src/screens/welcome.tsx

@@ -3,14 +3,19 @@ import { StyleSheet, View } from 'react-native';
 import { Button, Text, useTheme } from 'react-native-paper';
 import { useDispatch } from 'react-redux';
 import { openDocumentTree } from 'react-native-scoped-storage';
-import { useDeviceOrientation } from '@react-native-community/hooks';
-import styles from '../styles';
 import { noOp } from '../utilities';
 import { setStorageUri } from '../state';
 
 const welcomeStyles = StyleSheet.create({
+  view: {
+    paddingHorizontal: '4%',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flex: 1,
+  },
   text: {
     marginBottom: 30,
+    textAlign: 'center',
   },
   button: {
     marginBottom: 100,
@@ -19,7 +24,6 @@ const welcomeStyles = StyleSheet.create({
 
 const Welcome = ({ onWelcomeComplete }: { onWelcomeComplete: () => void }) => {
   const { colors } = useTheme();
-  const orientation = useDeviceOrientation();
   const dispatch = useDispatch();
 
   const selectStorageLocation = async () => {
@@ -30,18 +34,8 @@ const Welcome = ({ onWelcomeComplete }: { onWelcomeComplete: () => void }) => {
   };
 
   return (
-    <View
-      style={[
-        orientation === 'portrait' ? styles.paddingTop : styles.smallPaddingTop,
-        styles.paddingHorizontal,
-        styles.center,
-        styles.flex,
-        styles.fullSize,
-        { backgroundColor: colors.background },
-      ]}>
-      <Text
-        variant="displayMedium"
-        style={[welcomeStyles.text, styles.centerText]}>
+    <View style={[welcomeStyles.view, { backgroundColor: colors.background }]}>
+      <Text variant="displayMedium" style={welcomeStyles.text}>
         Welcome to Terminally Online!
       </Text>
       <Button