Refactor styles

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

src/screens/memeView.tsx

@@ -17,7 +17,6 @@ import {
   shareMeme,
 } from '../utilities';
 import { NavigationProp, useNavigation } from '@react-navigation/native';
-import styles from '../styles';
 
 const memeViewStyles = StyleSheet.create({
   // eslint-disable-next-line react-native/no-color-literals
@@ -36,6 +35,8 @@ const memeViewStyles = StyleSheet.create({
     left: 0,
     right: 0,
     backgroundColor: 'transparent',
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
   },
   snackbar: {
     marginBottom: 64,
@@ -88,7 +89,7 @@ const MemeView = ({
         showsHorizontalScrollIndicator={false}
         renderItem={({ item: meme }) => <MemeViewItem meme={meme} />}
       />
-      <Appbar style={[styles.flexRowSpaceEvenly, memeViewStyles.footer]}>
+      <Appbar style={memeViewStyles.footer}>
         <Appbar.Action
           icon={memes[index].isFavorite ? 'heart' : 'heart-outline'}
           onPress={() => favoriteMeme(realm, memes[index])}