Align header and item grid columns in CreateLoadReport

Author: praveenaak

src/MAUI/Maui.Samples/Samples/UtilityNetwork/CreateLoadReport/CreateLoadReport.xaml

@@ -30,9 +30,9 @@
                             HeightRequest="300"
                             VerticalScrollBarVisibility="Default">
                 <CollectionView.Header>
-                    <Grid ColumnDefinitions="Auto, Auto, Auto"
-                          ColumnSpacing="25"
-                          HorizontalOptions="Center">
+                    <Grid Margin="5,0"
+                          ColumnDefinitions="75, *, *"
+                          HorizontalOptions="Fill">
                         <Label Grid.Column="0"
                                FontAttributes="Bold"
                                Text="Phase" />
@@ -46,15 +46,14 @@
                 </CollectionView.Header>
                 <CollectionView.ItemTemplate>
                     <DataTemplate x:DataType="local:PhaseSummary">
-                        <Grid Margin="5"
-                              ColumnDefinitions="100, 50, 175"
-                              HorizontalOptions="Center">
-                            <Label Text="{Binding Phase}" />
+                        <Grid Margin="5,0"
+                              ColumnDefinitions="75, *, *"
+                              HorizontalOptions="Fill">
+                            <Label Grid.Column="0"
+                                   Text="{Binding Phase}" />
                             <Label Grid.Column="1"
-                                   HorizontalOptions="Center"
                                    Text="{Binding TotalCustomers}" />
                             <Label Grid.Column="2"
-                                   HorizontalOptions="Center"
                                    Text="{Binding TotalLoad}" />
                         </Grid>
                     </DataTemplate>