From 807e7ba86be8899dfedb8d88642226b7bbc795a2 Mon Sep 17 00:00:00 2001
From: Tim Glasgow <tim.glasgow@atonalsoftware.com>
Date: Tue, 9 Aug 2022 14:44:52 -0500
Subject: [PATCH] score screen styling

---
 squarenotsquare/src/screens/HighScore.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/squarenotsquare/src/screens/HighScore.js b/squarenotsquare/src/screens/HighScore.js
index 516f66d..1da0ceb 100644
--- a/squarenotsquare/src/screens/HighScore.js
+++ b/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>
   )