rearranged settings because they were shit

Qwirkle/Qwirkle/Pages/Settings.xaml

@@ -4,41 +4,53 @@
              x:Class="Qwirkle.Pages.Settings"
              xmlns:controls="clr-namespace:Qwirkle.Views"
              Title="Settings">
-    <VerticalStackLayout>
+    <ScrollView>
+        <VerticalStackLayout Spacing="25" Padding="5">
 
-        <Grid ColumnDefinitions="*, 4*,*"
+            <Grid ColumnDefinitions="*, 4*,*"
                   Margin="10, 0">
-            <controls:GoBack></controls:GoBack>
+                <controls:GoBack></controls:GoBack>
-            <Label FontSize="Header"
+                <Label FontSize="Header"
                        Grid.Column="1"
                        Grid.Row="0"
                        FontAttributes="Bold"
                        HorizontalOptions="Center"
                        Padding="50, 10"
                        Text="Settings"/>
-        </Grid>
+            </Grid>
+            
+            <VerticalStackLayout>
+                <Grid RowDefinitions="50"
+                      ColumnDefinitions="*, *">
+                
+                    <HorizontalStackLayout Grid.Row="0"
+                                           Grid.Column="0"
+                                           HorizontalOptions="Center">
+                        <Label 
+                            Text="Sound"
+                            VerticalOptions="Start" 
+                            HorizontalOptions="Start" 
+                            FontAttributes="Bold"
+                            FontSize="20"
+                            Margin="10"/>
 
-        <HorizontalStackLayout>
+                        <Switch
-            <Label 
+                            IsToggled="True"
-                Text="Sound"
+                            HorizontalOptions="Center"
-                VerticalOptions="Start" 
+                            ThumbColor="AliceBlue"/>
-                HorizontalOptions="Start" 
-                FontAttributes="Bold"
-                FontSize="20"
-                Margin="10"/>
 
-            <Switch
+                    </HorizontalStackLayout>
-                IsToggled="True"
-                HorizontalOptions="Start"
-                ThumbColor="AliceBlue"/>
 
-        </HorizontalStackLayout>
+                    <Slider Value="5"
-
+                            Grid.Row="0"
-        <Slider 
+                            Grid.Column="2"
-            Value="5"
+                            WidthRequest="500"
-            WidthRequest="700"
+                            HorizontalOptions="Center"
-            HorizontalOptions="Start"
+                            VerticalOptions="Center"/>
-         />
+                </Grid>
-
+                <Rectangle HeightRequest="2" BackgroundColor="Black" />
-    </VerticalStackLayout>
+            </VerticalStackLayout>    
+                
+        </VerticalStackLayout>
+    </ScrollView>
 </ContentPage>