increase font size

frontend/src/screen/memory/GameOverScreen.js

@@ -93,9 +93,14 @@ const GameOverScreen = ({navigation}) => {
         // <Text style={styles.resultText}>
         //     <Text>Child's disorder level is </Text> <Text style={styles.highlight}>{disorderLevel}</Text>
         // </Text>
+        <View>
             <Text style={styles.resultText}>
                 {disorderLevel == 'High' ? `Hmm...It looks like you have to keep remember more...` : disorderLevel == 'Medium' ? `Hey...nicely played! Good!` : 'Wow! You are Excellent!'}
             </Text>
+            <Text style={styles.resultTextDown}>
+                ( <Text>Child's disorder level is </Text> <Text style={styles.highlight}>{disorderLevel}</Text> )
+            </Text>
+        </View>
         );
     }
 
@@ -164,6 +169,11 @@ const styles = StyleSheet.create({
         fontSize: 22,
         fontWeight: 'bold'
     },
+    resultTextDown: {
+        textAlign: 'center',
+        fontSize: 18,
+        fontWeight: 'bold'
+    },
     buttonContainer: {
         flexDirection: 'row',
         width: 300,

frontend/src/screen/memory/elementry/GameScreenFive.js

@@ -58,7 +58,7 @@ const GameScreenFive = ({navigation}) => {
             height: '100%'
         },
         imageText: {
-            fontSize: 24,
+            fontSize: 36,
             fontWeight: 'bold',
             marginTop: 30
         },

frontend/src/screen/memory/elementry/GameScreenFour.js

@@ -57,7 +57,7 @@ const GameScreenFour = ({navigation}) => {
             height: '100%'
         },
         imageText: {
-            fontSize: 24,
+            fontSize: 36,
             fontWeight: 'bold',
             marginTop: 30
         },

frontend/src/screen/memory/elementry/GameScreenOne.js

@@ -72,7 +72,7 @@ const styles = StyleSheet.create({
         height: '100%'
     },
     imageText: {
-        fontSize: 24,
+        fontSize: 36,
         fontWeight: 'bold',
         marginTop: 30
     },

frontend/src/screen/memory/elementry/GameScreenSix.js

@@ -57,7 +57,7 @@ const GameScreenSix = ({navigation}) => {
             height: '100%'
         },
         imageText: {
-            fontSize: 24,
+            fontSize: 36,
             fontWeight: 'bold',
             marginTop: 30
         },

frontend/src/screen/memory/elementry/GameScreenThree.js

@@ -57,7 +57,7 @@ const GameScreenThree = ({navigation}) => {
             height: '100%'
         },
         imageText: {
-            fontSize: 24,
+            fontSize: 36,
             fontWeight: 'bold',
             marginTop: 30
         },

frontend/src/screen/memory/elementry/GameScreenTwo.js

@@ -57,7 +57,7 @@ const GameScreenTwo = ({navigation}) => {
             height: '100%'
         },
         imageText: {
-            fontSize: 24,
+            fontSize: 36,
             fontWeight: 'bold',
             marginTop: 30
         },

frontend/src/screen/memory/medium/MediumGameScreenFive.js

@@ -58,7 +58,7 @@ const MediumGameScreenFive = ({navigation}) => {
             height: '100%'
         },
         imageText: {
-            fontSize: 24,
+            fontSize: 36,
             fontWeight: 'bold',
             marginTop: 30
         },

frontend/src/screen/memory/medium/MediumGameScreenFour.js

@@ -57,7 +57,7 @@ const MediumGameScreenFour = ({navigation}) => {
             height: '100%'
         },
         imageText: {
-            fontSize: 24,
+            fontSize: 36,
             fontWeight: 'bold',
             marginTop: 30
         },

frontend/src/screen/memory/medium/MediumGameScreenOne.js

@@ -72,7 +72,7 @@ const styles = StyleSheet.create({
         height: '100%'
     },
     imageText: {
-        fontSize: 24,
+        fontSize: 36,
         fontWeight: 'bold',
         marginTop: 30
     },

frontend/src/screen/memory/medium/MediumGameScreenSix.js

@@ -57,7 +57,7 @@ const MediumGameScreenSix = ({navigation}) => {
             height: '100%'
         },
         imageText: {
-            fontSize: 24,
+            fontSize: 36,
             fontWeight: 'bold',
             marginTop: 30
         },

frontend/src/screen/memory/medium/MediumGameScreenThree.js

@@ -57,7 +57,7 @@ const MediumGameScreenThree = ({navigation}) => {
             height: '100%'
         },
         imageText: {
-            fontSize: 24,
+            fontSize: 36,
             fontWeight: 'bold',
             marginTop: 30
         },

frontend/src/screen/memory/medium/MediumGameScreenTwo.js

@@ -57,7 +57,7 @@ const MediumGameScreenTwo = ({navigation}) => {
             height: '100%'
         },
         imageText: {
-            fontSize: 24,
+            fontSize: 36,
             fontWeight: 'bold',
             marginTop: 30
         },