Finished work on setting ui

Author: Yair Aichenbaum

Files/Settings.xaml

@@ -12,11 +12,15 @@
     <Grid>
         <muxc:NavigationView
             x:Name="SettingsPane"
+            PaneTitle="Settings"
+            Margin="0,8,0,0"
             IsBackButtonVisible="Collapsed"
             IsSettingsVisible="False"
+            OpenPaneLength="250"
+            IsPaneToggleButtonVisible="True"
             ItemInvoked="NavigationView_ItemInvoked"
             PaneDisplayMode="LeftCompact">
-            <muxc:NavigationView.MenuItems>
+                <muxc:NavigationView.MenuItems>
                 <muxc:NavigationViewItem Content="Personalization" IsSelected="True">
                     <muxc:NavigationViewItem.Icon>
                         <FontIcon Glyph="&#xE790;" />
@@ -38,7 +42,10 @@
                     </muxc:NavigationViewItem.Icon>
                 </muxc:NavigationViewItem>
             </muxc:NavigationView.MenuItems>
-            <Frame x:Name="SettingsContentFrame" />
+            <Grid>
+            <Rectangle x:Name="Divider" Width=".5" Opacity=".5" Fill="{ThemeResource AppBarItemForegroundThemeBrush}" HorizontalAlignment="Left" Visibility="Collapsed" VerticalAlignment="Stretch" Margin="-0,20,0,20"/>
+            <Frame x:Name="SettingsContentFrame" Margin="1,0,0,0"/>
+            </Grid>
         </muxc:NavigationView>
         <VisualStateManager.VisualStateGroups>
             <VisualStateGroup>
@@ -48,6 +55,8 @@
                     </VisualState.StateTriggers>
                     <VisualState.Setters>
                         <Setter Target="SettingsPane.PaneDisplayMode" Value="Left" />
+                        <Setter Target="Divider.Visibility" Value="Visible" />
+                        <Setter Target="SettingsPane.IsPaneToggleButtonVisible" Value="False" />
                     </VisualState.Setters>
                 </VisualState>
             </VisualStateGroup>

Files/SettingsPages/About.xaml

@@ -11,7 +11,7 @@
 
     <Grid >
         <ScrollViewer >
-            <StackPanel Margin="24,14"
+            <StackPanel Margin="12,12"
                 HorizontalAlignment="Stretch"
                 VerticalAlignment="Stretch"
                 Orientation="Vertical"

Files/SettingsPages/Personalization.xaml

@@ -7,7 +7,7 @@
     Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
     mc:Ignorable="d">
 
-    <Grid Padding="24,24,0,0">
+    <Grid Margin="12,12">
 
         <ScrollViewer HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
             <StackPanel Orientation="Vertical" Spacing="14">

Files/SettingsPages/Preferences.xaml

@@ -9,7 +9,7 @@
     Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
     mc:Ignorable="d">
 
-    <Grid Padding="24,24,0,0">
+    <Grid Margin="12,12">
         <ScrollViewer>
             <StackPanel
                 HorizontalAlignment="Stretch"
@@ -183,8 +183,8 @@
 
                 <Grid HorizontalAlignment="Stretch">
                     <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="260" />
-                        <ColumnDefinition Width="*" MaxWidth="470" />
+                        <ColumnDefinition Width="200" />
+                        <ColumnDefinition Width="*" MaxWidth="530" />
                     </Grid.ColumnDefinitions>
 
                     <TextBlock