feat: clarifying ui elements

Labeling the UI elements to make them more clear and starting things
expanded

Author: ProgrammingByPermutation

src/TwitchStreamingTools/ViewModels/MainWindowViewModel.cs

@@ -28,7 +28,7 @@ public class MainWindowViewModel : ViewModelBase {
   /// <summary>
   ///   A flag indicating whether the menu is open.
   /// </summary>
-  private bool _isMenuOpen;
+  private bool _isMenuOpen = true;
 
   /// <summary>
   ///   True if the application is updating, false otherwise.

src/TwitchStreamingTools/Views/MainWindow.axaml

@@ -10,8 +10,8 @@
         d:DesignHeight="300"
         MinWidth="475"
         MinHeight="300"
-        Width="475"
-        Height="300"
+        Width="625"
+        Height="625"
         CanResize="True"
         WindowStartupLocation="CenterScreen"
         ExtendClientAreaToDecorationsHint="True"

src/TwitchStreamingTools/Views/Pages/ChatView.axaml

@@ -17,16 +17,24 @@
             <ColumnDefinition Width="*" />
         </Grid.ColumnDefinitions>
         <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
             <RowDefinition Height="Auto" />
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
-        <StackPanel Orientation="Horizontal">
-            <TextBlock VerticalAlignment="Center" Margin="0 0 5 0">Add Chat:</TextBlock>
-            <TextBox Text="{Binding TwitchChatName}" Width="100" />
-            <Button IsDefault="True" Command="{Binding OnAddChat}" Content="+" />
-        </StackPanel>
+        <Grid Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Margin="0 0 0 10">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="Auto" />
+            </Grid.ColumnDefinitions>
+            <TextBlock Grid.Column="0" VerticalAlignment="Center" Margin="0 0 5 0">Add Channel:</TextBlock>
+            <TextBox Grid.Column="1" Text="{Binding TwitchChatName}" Margin="0 0 5 0" />
+            <Button Grid.Column="2" IsDefault="True" Command="{Binding OnAddChat}" Content="+" />
+        </Grid>
 
-        <ListBox Grid.Row="1" Grid.Column="0" ItemsSource="{Binding ChatItems}">
+        <Label Grid.Row="1" Grid.Column="0" HorizontalAlignment="Center">Twitch Channels</Label>
+        <Label Grid.Row="1" Grid.Column="1" HorizontalAlignment="Center">Chat Log</Label>
+        <ListBox Grid.Row="2" Grid.Column="0" ItemsSource="{Binding ChatItems}" Margin="0 0 10 0">
             <ListBox.ItemTemplate>
                 <DataTemplate DataType="{x:Type system:String}">
                     <Grid Margin="0">
@@ -44,7 +52,7 @@
                 </DataTemplate>
             </ListBox.ItemTemplate>
         </ListBox>
-        <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding TwitchChat}"
+        <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding TwitchChat}"
                  CaretIndex="{Binding TextBoxCursorPosition, Mode=TwoWay}" IsReadOnly="True" />
     </Grid>
 </UserControl>