Added a search box to settings

Made settings even more responsive

Author: Yair Aichenbaum

Files/Settings.xaml

@@ -12,15 +12,23 @@
     <Grid>
         <muxc:NavigationView
             x:Name="SettingsPane"
-            PaneTitle="Settings"
             Margin="0,8,0,0"
             IsBackButtonVisible="Collapsed"
-            IsSettingsVisible="False"
-            OpenPaneLength="250"
             IsPaneToggleButtonVisible="True"
+            IsSettingsVisible="False"
             ItemInvoked="NavigationView_ItemInvoked"
-            PaneDisplayMode="LeftCompact">
-                <muxc:NavigationView.MenuItems>
+            OpenPaneLength="250"
+            PaneDisplayMode="Top"
+            PaneTitle="Settings">
+            <muxc:NavigationView.AutoSuggestBox>
+                <AutoSuggestBox
+                    MinWidth="150"
+                    AutomationProperties.Name="Search"
+                    PlaceholderText="Search"
+                    QueryIcon="Find" />
+            </muxc:NavigationView.AutoSuggestBox>
+
+            <muxc:NavigationView.MenuItems>
                 <muxc:NavigationViewItem Content="Personalization" IsSelected="True">
                     <muxc:NavigationViewItem.Icon>
                         <FontIcon Glyph="&#xE790;" />
@@ -43,8 +51,16 @@
                 </muxc:NavigationViewItem>
             </muxc:NavigationView.MenuItems>
             <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"/>
+                <Rectangle
+                    x:Name="Divider"
+                    Width=".5"
+                    Margin="-0,20,0,20"
+                    HorizontalAlignment="Left"
+                    VerticalAlignment="Stretch"
+                    Fill="{ThemeResource AppBarItemForegroundThemeBrush}"
+                    Opacity=".5"
+                    Visibility="Collapsed" />
+                <Frame x:Name="SettingsContentFrame" Margin=".5,0,0,0" />
             </Grid>
         </muxc:NavigationView>
         <VisualStateManager.VisualStateGroups>
@@ -56,7 +72,6 @@
                     <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="12,12"
+            <StackPanel Margin="12,12,8,8"
                 HorizontalAlignment="Stretch"
                 VerticalAlignment="Stretch"
                 Orientation="Vertical"

Files/SettingsPages/Personalization.xaml

@@ -7,7 +7,7 @@
     Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
     mc:Ignorable="d">
 
-    <Grid Margin="12,12">
+    <Grid Margin="12,12,4,4">
 
         <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 Margin="12,12">
+    <Grid Margin="12,12,8,8">
         <ScrollViewer>
             <StackPanel
                 HorizontalAlignment="Stretch"
@@ -29,12 +29,12 @@
                             Grid.Column="0"
                             VerticalAlignment="Center"
                             FontSize="16"
-                            Text="Replaces common locations" />
+                            Text="Replace common locations" />
 
                         <ToggleSwitch
                             x:Name="CustomLocationToggle"
                             Grid.Column="2"
-                            Width="50"
+                            Width="40"
                             HorizontalAlignment="Right"
                             OffContent=""
                             OnContent=""
@@ -67,7 +67,6 @@
                             x:Name="DesktopL"
                             Grid.Row="0"
                             Grid.Column="1"
-                            Margin="0,0,8,0"
                             HorizontalAlignment="Stretch"
                             VerticalAlignment="Center"
                             PlaceholderText="Set custom desktop location" />
@@ -83,7 +82,6 @@
                             x:Name="DownloadsL"
                             Grid.Row="1"
                             Grid.Column="1"
-                            Margin="0,0,8,0"
                             HorizontalAlignment="Stretch"
                             VerticalAlignment="Center"
                             PlaceholderText="Set custom downloads location" />
@@ -99,7 +97,6 @@
                             x:Name="DocumentsL"
                             Grid.Row="2"
                             Grid.Column="1"
-                            Margin="0,0,8,0"
                             HorizontalAlignment="Stretch"
                             VerticalAlignment="Center"
                             PlaceholderText="Set custom documents location" />
@@ -131,7 +128,6 @@
                             x:Name="MusicL"
                             Grid.Row="4"
                             Grid.Column="1"
-                            Margin="0,0,8,0"
                             HorizontalAlignment="Stretch"
                             VerticalAlignment="Center"
                             PlaceholderText="Set custom mcusic location" />
@@ -146,7 +142,6 @@
                             x:Name="VideosL"
                             Grid.Row="5"
                             Grid.Column="1"
-                            Margin="0,0,8,0"
                             HorizontalAlignment="Stretch"
                             VerticalAlignment="Center"
                             PlaceholderText="Set custom video location" />
@@ -162,7 +157,6 @@
                             x:Name="OneDriveL"
                             Grid.Row="6"
                             Grid.Column="1"
-                            Margin="0,0,8,0"
                             HorizontalAlignment="Stretch"
                             VerticalAlignment="Center"
                             PlaceholderText="Set custom OneDrive location" />
@@ -171,7 +165,6 @@
                             x:Name="SaveCustomL"
                             Grid.Row="7"
                             Grid.Column="2"
-                            Margin="0,0,8,0"
                             HorizontalAlignment="Right"
                             Click="SaveCustomL_Click"
                             Content="Save Locations"
@@ -195,7 +188,6 @@
 
                     <StackPanel
                         Grid.Column="2"
-                        Margin="0,0,8,0"
                         HorizontalAlignment="Right"
                         Orientation="Horizontal">
                         <HyperlinkButton