Fixed Alignment issue in properties window

Author: vignesh-govindhan-3900

ExecutableLauncher/ExecutableLauncher.csproj

@@ -11,6 +11,13 @@
       <HintPath>..\..\..\..\..\..\Program Files (x86)\Windows Kits\10\UnionMetadata\10.0.17763.0\Windows.winmd</HintPath>
       <IsWinMDFile>true</IsWinMDFile>
     </Reference>
+    <Reference Include="Windows.Foundation.FoundationContract">
+      <HintPath>C:\Program Files (x86)\Windows Kits\10\References\10.0.18362.0\Windows.Foundation.FoundationContract\3.0.0.0\Windows.Foundation.FoundationContract.winmd</HintPath>
+      <IsWinMDFile>true</IsWinMDFile>
+    </Reference>
+    <Reference Include="Windows.Foundation.UniversalApiContract">
+      <HintPath>C:\Program Files (x86)\Windows Kits\10\References\10.0.18362.0\Windows.Foundation.UniversalApiContract\8.0.0.0\Windows.Foundation.UniversalApiContract.winmd</HintPath>
+    </Reference>
   </ItemGroup>
 
 </Project>

Files UWP/Properties.xaml

@@ -16,7 +16,7 @@
             <RowDefinition Height="*"/>
             <RowDefinition Height="50"/>
         </Grid.RowDefinitions>
-        <StackPanel Spacing="10" Orientation="Vertical" Grid.RowSpan="1">
+        <StackPanel >
             <Grid Margin="0,0,0,-10">
                 <Grid.ColumnDefinitions>
                     <ColumnDefinition Width="Auto"/>
@@ -26,27 +26,47 @@
                 <TextBox  CornerRadius="2" BorderThickness="1" Padding="10,4" Name="itemFileName" Text="{x:Bind Item.FileName,Mode=OneWay}" PlaceholderText="Item Name" VerticalAlignment="Center" Grid.Column="1" Margin="0,0,15,0" />
             </Grid>
             <MenuFlyoutSeparator HorizontalAlignment="Stretch" Margin="-10,0,-10,0"/>
-            <StackPanel Padding="0,10" Spacing="24" Orientation="Horizontal">
+            <Grid Padding="0,10">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="2*"/>
+                    <ColumnDefinition Width="5*"/>
+                </Grid.ColumnDefinitions>
                 <TextBlock Text="Item type:"/>
-                <TextBlock Name="itemType" Text="{x:Bind Item.FileType,Mode=OneWay}" />
-            </StackPanel>
-            <StackPanel Padding="0,10" Spacing="24" Orientation="Horizontal">
+                <TextBlock Grid.Column="1" Name="itemType" Text="{x:Bind Item.FileType,Mode=OneWay}" />
+            </Grid>
+            <Grid Padding="0,10">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="2*"/>
+                    <ColumnDefinition Width="5*"/>
+                </Grid.ColumnDefinitions>
                 <TextBlock Text="Path:"/>
-                <TextBlock Name="itemPath" Text="{x:Bind Item.FilePath,Mode=OneWay}" />
-            </StackPanel>
-            <StackPanel Padding="0,10" Spacing="24" Orientation="Horizontal">
+                <TextBlock Grid.Column="2" Name="itemPath" Text="{x:Bind Item.FilePath,Mode=OneWay}" TextWrapping="Wrap" />
+            </Grid>
+            <Grid Padding="0,10">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="2*"/>
+                    <ColumnDefinition Width="5*"/>
+                </Grid.ColumnDefinitions>
                 <TextBlock Text="Item size:"/>
-                <TextBlock Name="itemSize" Text="{x:Bind Item.FileSize,Mode=OneWay}" />
-            </StackPanel>
+                <TextBlock Grid.Column="3" Name="itemSize" Text="{x:Bind Item.FileSize,Mode=OneWay}" />
+            </Grid>
             <MenuFlyoutSeparator Margin="-10,0,-10,0"/>
-            <StackPanel Padding="0,10" Spacing="24" Orientation="Horizontal">
+            <Grid Padding="0,10">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="2*"/>
+                    <ColumnDefinition Width="5*"/>
+                </Grid.ColumnDefinitions>
                 <TextBlock Text="Created:"/>
-                <TextBlock Name="itemCreatedTimestamp" Text="{x:Bind Item.FileDate,Mode=OneWay}" />
-            </StackPanel>
-            <StackPanel Padding="0,10" Spacing="24" Orientation="Horizontal">
+                <TextBlock Grid.Column="4" Name="itemCreatedTimestamp" Text="{x:Bind Item.FileDate,Mode=OneWay}" />
+            </Grid>
+            <Grid Padding="0,10">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="2*"/>
+                    <ColumnDefinition Width="5*"/>
+                </Grid.ColumnDefinitions>
                 <TextBlock Text="Modified:"/>
-                <TextBlock Name="itemModifiedTimestamp" Text="{x:Bind Item.FileDate,Mode=OneWay}"/>
-            </StackPanel>
+                <TextBlock Grid.Column="5" Name="itemModifiedTimestamp" Text="{x:Bind Item.FileDate,Mode=OneWay}"/>
+            </Grid>
         </StackPanel>
 
         <StackPanel Spacing="5" Padding="0,10" Orientation="Horizontal" Grid.Row="1" HorizontalAlignment="Center">