Fix layout bugs

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

src/screens/settings.tsx

@@ -13,12 +13,8 @@ import { openDocumentTree } from 'react-native-scoped-storage';
 import { useDispatch, useSelector } from 'react-redux';
 import type {} from 'redux-thunk/extend-redux';
 import styles from '../styles';
-import {
-  RootState,
-  setNoMedia,
-  setStorageUri,
-} from '../state';
-import { useDimensions } from '../contexts';
+import { RootState, setNoMedia, setStorageUri } from '../state';
+import { ORIENTATION, useDimensions } from '../contexts';
 
 const settingsScreenStyles = StyleSheet.create({
   snackbar: {
@@ -48,8 +44,9 @@ const SettingsScreen = () => {
     <>
       <ScrollView
         contentContainerStyle={[
-          orientation == 'portrait' && styles.paddingTop,
-          orientation == 'landscape' && styles.smallPaddingTop,
+          orientation === ORIENTATION.PORTRAIT
+            ? styles.paddingTop
+            : styles.smallPaddingTop,
           styles.paddingHorizontal,
           { backgroundColor: colors.background },
         ]}>