✅ modification leaderboard page

source/Trek-12/Trek-12/Views/PageLeaderBoard.xaml

@@ -4,27 +4,40 @@
              xmlns:view="clr-namespace:Trek_12.Views.component"
              x:Class="Trek_12.Views.PageLeaderBoard"
              Title="PageLeaderBoard">
-    <VerticalStackLayout BackgroundColor="BlanchedAlmond">
-        <Label 
-            Text="Leader board"
-            VerticalOptions="Center" 
-            HorizontalOptions="Center"
-            FontSize="Title"/>
-        <BoxView
-            Color="DarkSalmon"
-            HeightRequest="1"
-            WidthRequest="125"/>
-        <view:ContentLeaderBoard/>
-        <view:ContentLeaderBoard/>
-        <view:ContentLeaderBoard/>
-        <view:ContentLeaderBoard/>
-        <view:ContentLeaderBoard/>
-        <view:ContentLeaderBoard/>
+    <Grid BackgroundColor="BlanchedAlmond"
+          RowDefinitions="auto,6*,*">
+        <VerticalStackLayout>
+            <Label 
+                    Text="Leader board"
+                    VerticalOptions="Center" 
+                    HorizontalOptions="Center"
+                    FontSize="Title"/>
+            <BoxView
+                    Color="DarkSalmon"
+                    HeightRequest="1"
+                    WidthRequest="125"/>
+        </VerticalStackLayout>
+        <ScrollView Grid.Row="1"
+                    VerticalOptions="FillAndExpand"
+                    VerticalScrollBarVisibility="Never"
+                    Margin="0,10">
+            <VerticalStackLayout>
+                <view:ContentLeaderBoard/>
+                <view:ContentLeaderBoard/>
+                <view:ContentLeaderBoard/>
+                <view:ContentLeaderBoard/>
+                <view:ContentLeaderBoard/>
+                <view:ContentLeaderBoard/>
+            </VerticalStackLayout>
+        </ScrollView>
         <Button Text="Back"
                 BackgroundColor="OliveDrab"
                 FontSize="Title"
+                Grid.Row="2"
                 HorizontalOptions="Start"
-                WidthRequest="200"
-                Margin="10,20"/>
-    </VerticalStackLayout>
+                CornerRadius="20"
+                WidthRequest="150"
+                HeightRequest="75"
+                Margin="10"/>
+    </Grid>
 </ContentPage>