Update PreviewPane.xaml

Author: yaira2

src/Files.App/UserControls/Pane/PreviewPane.xaml

@@ -38,10 +38,10 @@
 				Height="3*"
 				MinHeight="100" />
 		</Grid.RowDefinitions>
-		
+
 		<Grid
 			x:Name="RootPreviewGrid"
-			Margin="5,5,5,5"
+			Margin="8"
 			HorizontalAlignment="Stretch"
 			VerticalAlignment="Stretch"
 			AutomationProperties.Name="{helpers:ResourceString Name=PreviewPaneFilePreview/AutomationProperties/Name}">
@@ -81,57 +81,57 @@
 				Visibility="Collapsed" />
 		</Grid>
 
-		<Grid x:Name="RootPropertiesGrid" Grid.Row="2">
-			<ScrollViewer
-				x:Name="FileDetailsScrollViewer"
-				AutomationProperties.Name="{helpers:ResourceString Name=PreviewPaneFileDetails/AutomationProperties/Name}"
-				Visibility="Visible">
-				<StackPanel Orientation="Vertical">
-					<TextBlock
-						x:Name="DetailsListHeader"
-						FontSize="20"
-						FontWeight="Bold"
-						HorizontalTextAlignment="Center"
-						IsTextSelectionEnabled="True"
-						Text="{x:Bind ViewModel.SelectedItem.Name, Mode=OneWay}"
-						TextAlignment="Center"
-						TextWrapping="Wrap"
-						Visibility="Collapsed" />
+		<ScrollViewer
+			x:Name="RootPropertiesScrollViewer"
+			Grid.Row="1"
+			AutomationProperties.Name="{helpers:ResourceString Name=PreviewPaneFileDetails/AutomationProperties/Name}"
+			Visibility="Visible">
+			<StackPanel Orientation="Vertical">
+				<TextBlock
+					x:Name="DetailsListHeader"
+					FontSize="20"
+					FontWeight="Bold"
+					HorizontalAlignment="Center"
+					IsTextSelectionEnabled="True"
+					Text="{x:Bind ViewModel.SelectedItem.Name, Mode=OneWay}"
+					TextAlignment="Center"
+					TextWrapping="Wrap"
+					Visibility="Collapsed" />
 
-					<ItemsControl
-						x:Name="FileDetailsRepeater"
-						Margin="12"
-						ItemsSource="{x:Bind ViewModel.SelectedItem.FileDetails, Mode=OneWay}"
-						Visibility="Collapsed">
-						<ItemsControl.ItemTemplate>
-							<DataTemplate x:DataType="properties:FileProperty">
-								<Grid HorizontalAlignment="Stretch" AutomationProperties.Name="{x:Bind Name, Mode=OneWay}">
-									<Grid.ColumnDefinitions>
-										<ColumnDefinition />
-										<ColumnDefinition />
-									</Grid.ColumnDefinitions>
-									<!--  Property  -->
-									<TextBlock
-										HorizontalAlignment="Stretch"
-										Style="{StaticResource BodyTextBlockStyle}"
-										Text="{x:Bind Name, Mode=OneWay}"
-										MaxLines="2" />
-									
-									<!--  Value  -->
-									<TextBox
-										x:Name="PropertyValueTemplateTextBox"
-										Grid.Column="1"
-										HorizontalAlignment="Stretch" TextWrapping="Wrap"
-										Background="Transparent"
-										BorderBrush="Transparent"
-										Text="{x:Bind ValueText, Mode=TwoWay}" />
-								</Grid>
-							</DataTemplate>
-						</ItemsControl.ItemTemplate>
-					</ItemsControl>
-				</StackPanel>
-			</ScrollViewer>
-		</Grid>
+				<ItemsControl
+					x:Name="FileDetailsRepeater"
+					Margin="12"
+					ItemsSource="{x:Bind ViewModel.SelectedItem.FileDetails, Mode=OneWay}"
+					Visibility="Collapsed">
+					<ItemsControl.ItemTemplate>
+						<DataTemplate x:DataType="properties:FileProperty">
+							<Grid HorizontalAlignment="Stretch" AutomationProperties.Name="{x:Bind Name, Mode=OneWay}">
+								<Grid.ColumnDefinitions>
+									<ColumnDefinition />
+									<ColumnDefinition />
+								</Grid.ColumnDefinitions>
+								<!--  Property  -->
+								<TextBlock
+									HorizontalAlignment="Stretch"
+									MaxLines="2"
+									Style="{StaticResource BodyTextBlockStyle}"
+									Text="{x:Bind Name, Mode=OneWay}" />
+
+								<!--  Value  -->
+								<TextBox
+									x:Name="PropertyValueTemplateTextBox"
+									Grid.Column="1"
+									HorizontalAlignment="Stretch"
+									Background="Transparent"
+									BorderBrush="Transparent"
+									Text="{x:Bind ValueText, Mode=TwoWay}"
+									TextWrapping="Wrap" />
+							</Grid>
+						</DataTemplate>
+					</ItemsControl.ItemTemplate>
+				</ItemsControl>
+			</StackPanel>
+		</ScrollViewer>
 
 		<VisualStateManager.VisualStateGroups>
 			<VisualStateGroup>
@@ -199,8 +199,7 @@
 						<triggers:IsEqualStateTrigger Value="{x:Bind PaneSettingsService.ShowPreviewOnly, Mode=OneWay}" To="True" />
 					</VisualState.StateTriggers>
 					<VisualState.Setters>
-						<Setter Target="RootPropertiesGrid.Visibility" Value="Collapsed" />
-						<Setter Target="RootPropertiesGrid.Visibility" Value="Collapsed" />
+						<Setter Target="RootPropertiesScrollViewer.Visibility" Value="Collapsed" />
 					</VisualState.Setters>
 				</VisualState>
 			</VisualStateGroup>