score screen styling

squarenotsquare/src/screens/HighScore.js

@@ -5,6 +5,7 @@ import Slider from "../components/Slider";
 import { useDispatch } from "react-redux";
 import {goHome} from '../redux/actions/SystemActions';
 import DbAPI from "../realm/DbAPI";
+import { ScrollView } from "react-native-gesture-handler";
 
 function HighScore(){
   const dispatch = useDispatch();
@@ -53,20 +54,20 @@ function HighScore(){
 
   return (
     <SafeAreaView style={[styles.flex]}>
-      <View style={[styles.flex, styles.centeredItems, styles.spaceEvenly]}>
+      <View style={[styles.flex, styles.spaceEvenly]}>
         <Slider origin={400} duration={750} delay={0}>
           <TouchableOpacity
             onPress={onPressMainMenu}
-            style={[styles.centeredJustify, styles.darkGreen, styles.menuButton, styles.dropShadow, styles.smallMargin]}
+            style={[styles.centeredSelf, styles.centeredJustify, styles.darkGreen, styles.menuButton, styles.dropShadow, styles.smallMargin]}
           >
             <Text style={[styles.lightText, styles.headerTitleFont, styles.boldText, styles.centeredText]}>
               Main Menu
             </Text>
           </TouchableOpacity>
         </Slider>
-        <View style={[styles.flex]}>
+        <ScrollView style={[styles.flex, styles.smallMargin]}>
           {renderScores()}
-        </View>
+        </ScrollView>
       </View>
     </SafeAreaView>
   )