Adapted spacings

Author: szv

src/CodeBreaker.Avalonia/CodeBreaker.Avalonia/Views/Components/PegSelectionView.axaml

@@ -44,7 +44,7 @@
             Command="{Binding SetMoveCommand, Mode=OneWay}">
             <Grid RowDefinitions="*,5">
                 <TextBlock Grid.Row="0" Text="Set Move" TextAlignment="Center" VerticalAlignment="Center" MinWidth="100" />
-                <ProgressBar Grid.Row="1" IsIndeterminate="True" Margin="0,4,0,0" IsVisible="{Binding InProgress, Mode=OneWay}" />
+                <ProgressBar Grid.Row="1" IsIndeterminate="True" Margin="0,4,0,0" IsVisible="{Binding InProgress, Mode=OneWay}" HorizontalAlignment="Stretch" />
             </Grid>
         </Button>
     </StackPanel>

src/CodeBreaker.Avalonia/CodeBreaker.Avalonia/Views/Pages/GamePage.axaml

@@ -15,7 +15,7 @@
         <converter:GameStatusToBooleanConverter x:Key="GameStatusToBooleanConverter" />
     </UserControl.Resources>
     <Grid RowDefinitions="Auto,Auto,*">
-        <components:InfoBarArea Grid.Row="0"/>
+        <components:InfoBarArea Grid.Row="0" Margin="0,0,0,20"/>
         <Grid Grid.Row="1"
               RowDefinitions="Auto,*"
               ColumnDefinitions="3*,1*"
@@ -33,15 +33,15 @@
         <components:PegSelectionView
             Grid.Row="1"
             IsVisible="{Binding GameStatus, Mode=OneWay, Converter={StaticResource GameStatusToBooleanConverter}, ConverterParameter=Cancelable}"
-            Margin="86,0,0,8" />
+            Margin="55,0,0,15" />
         <ItemsControl
             IsVisible="{Binding GameStatus, Mode=OneWay, ConverterParameter=Running}"
             Grid.Row="2"
             ItemsSource="{Binding GameMoves, Mode=OneWay}"
             ItemTemplate="{StaticResource PegsTemplate}">
             <ItemsControl.ItemsPanel>
                 <ItemsPanelTemplate>
-                    <StackPanel Orientation="Vertical" />
+                    <StackPanel Orientation="Vertical" Spacing="15" />
                 </ItemsPanelTemplate>
             </ItemsControl.ItemsPanel>
         </ItemsControl>

src/CodeBreaker.Avalonia/CodeBreaker.Avalonia/Views/Templates/CodebreakerTemplates.axaml

@@ -12,25 +12,25 @@
             <ItemsControl ItemsSource="{Binding Path=GuessPegs}" Grid.Column="1">
                 <ItemsControl.ItemsPanel>
                     <ItemsPanelTemplate>
-                        <StackPanel Orientation="Horizontal" Margin="16,0,0,0" />
+                        <StackPanel Orientation="Horizontal" Margin="16,0,0,0" Spacing="45" />
                     </ItemsPanelTemplate>
                 </ItemsControl.ItemsPanel>
                 <ItemsControl.ItemTemplate>
                     <DataTemplate x:DataType="{x:Type system:String}">
-                        <Ellipse Width="68" Height="68" Margin="12,4" Fill="{Binding Converter={StaticResource ColorConverter}}" />
+                        <Ellipse Width="68" Height="68" Fill="{Binding Converter={StaticResource ColorConverter}}" />
                     </DataTemplate>
                 </ItemsControl.ItemTemplate>
             </ItemsControl>
 
             <ItemsControl Grid.Column="2" ItemsSource="{Binding Path=KeyPegs, Mode=OneTime}">
                 <ItemsControl.ItemsPanel>
                     <ItemsPanelTemplate>
-                        <StackPanel Orientation="Horizontal" />
+                        <StackPanel Orientation="Horizontal" Spacing="10" Margin="30,0,0,0" />
                     </ItemsPanelTemplate>
                 </ItemsControl.ItemsPanel>
                 <ItemsControl.ItemTemplate>
                     <DataTemplate x:DataType="{x:Type system:String}">
-                        <Ellipse Width="16" Height="16" Fill="{Binding Converter={StaticResource KeyPegColorNameToBrushConverter}}" Margin="10,0" />
+                        <Ellipse Width="16" Height="16" Fill="{Binding Converter={StaticResource KeyPegColorNameToBrushConverter}}" />
                     </DataTemplate>
                 </ItemsControl.ItemTemplate>
             </ItemsControl>