Add .noMedia setting

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

src/styles.tsx

@@ -12,10 +12,10 @@ const moderateScale = (size: number, factor = 0.5) =>
 
 const styles = StyleSheet.create({
   marginBottom: {
-    marginBottom: verticalScale(5),
+    marginBottom: verticalScale(15),
   },
   bigMarginBottom: {
-    marginBottom: verticalScale(25),
+    marginBottom: verticalScale(30),
   },
   extremeMarginBottom: {
     marginBottom: verticalScale(100),
@@ -23,6 +23,9 @@ const styles = StyleSheet.create({
   padding: {
     padding: '5%',
   },
+  smallPaddingHorizontal: {
+    paddingHorizontal: '2.5%',
+  },
   centered: {
     flex: 1,
     justifyContent: 'center',
@@ -31,6 +34,10 @@ const styles = StyleSheet.create({
   centerText: {
     textAlign: 'center',
   },
+  flexRowSpaceBetween: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+  },
 });
 
 export { horizontalScale, verticalScale, moderateScale, styles as default };