Add Grid Splitter for preview resizing

Author: onesounds

Flow.Launcher/MainWindow.xaml

@@ -335,11 +335,9 @@
                 </Grid>
                 <Grid>
                     <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="*" />
-                        <ColumnDefinition
-                            Width="0.85*"
-                            MinWidth="244"
-                            MaxWidth="340" />
+                        <ColumnDefinition Width="*" MinWidth="100" />
+                        <ColumnDefinition Width="Auto" />
+                        <ColumnDefinition Width="0.85*" MinWidth="244" />
                     </Grid.ColumnDefinitions>
                     <StackPanel
                         x:Name="ResultArea"
@@ -394,9 +392,16 @@
                             </ContentControl>
                         </Border>
                     </StackPanel>
+                    <GridSplitter
+                        Grid.Column="1"
+                        Width="5"
+                        HorizontalAlignment="Center"
+                        VerticalAlignment="Stretch"
+                        Background="Transparent"
+                        ShowsPreview="True" />
                     <Grid
                         x:Name="Preview"
-                        Grid.Column="1"
+                        Grid.Column="2"
                         VerticalAlignment="Stretch"
                         Style="{DynamicResource PreviewArea}"
                         Visibility="{Binding PreviewVisible, Converter={StaticResource BoolToVisibilityConverter}}">

Flow.Launcher/ViewModel/MainViewModel.cs

@@ -469,7 +469,7 @@ private void ShowPreview()
 
         private void HidePreview()
         {
-            ResultAreaColumn = 2;
+            ResultAreaColumn = 3;
             PreviewVisible = false;
         }