Fix layout bugs

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

src/screens/welcome.tsx

@@ -1,16 +1,25 @@
 import React from 'react';
-import { View } from 'react-native';
+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 styles from '../styles';
 import { noOp } from '../utilities';
 import { setStorageUri } from '../state';
-import { useDimensions } from '../contexts';
+import { ORIENTATION, useDimensions } from '../contexts';
+
+const welcomeStyles = StyleSheet.create({
+  text: {
+    marginBottom: 30,
+  },
+  button: {
+    marginBottom: 100,
+  },
+});
 
 const Welcome = ({ onWelcomeComplete }: { onWelcomeComplete: () => void }) => {
   const { colors } = useTheme();
-  const { orientation, responsive } = useDimensions();
+  const { orientation } = useDimensions();
   const dispatch = useDispatch();
 
   const selectStorageLocation = async () => {
@@ -23,8 +32,9 @@ const Welcome = ({ onWelcomeComplete }: { onWelcomeComplete: () => void }) => {
   return (
     <View
       style={[
-        orientation == 'portrait' && styles.paddingTop,
-        orientation == 'landscape' && styles.smallPaddingTop,
+        orientation === ORIENTATION.PORTRAIT
+          ? styles.paddingTop
+          : styles.smallPaddingTop,
         styles.paddingHorizontal,
         styles.centered,
         styles.flex,
@@ -33,20 +43,13 @@ const Welcome = ({ onWelcomeComplete }: { onWelcomeComplete: () => void }) => {
       ]}>
       <Text
         variant="displayMedium"
-        style={[
-          {
-            marginBottom: responsive.verticalScale(30),
-          },
-          styles.centerText,
-        ]}>
+        style={[welcomeStyles.text, styles.centerText]}>
         Welcome to Terminally Online!
       </Text>
       <Button
         mode="contained"
         onPress={selectStorageLocation}
-        style={{
-          marginBottom: responsive.verticalScale(100),
-        }}>
+        style={welcomeStyles.button}>
         Select Storage Location
       </Button>
     </View>