- improve label readability for avg wait ratio by using black font over light grey background

- switch wait color legend to the right of the global wait header

Author: rferraton

src/PlanViewer.App/Controls/WaitStatsProfileControl.axaml

@@ -1,27 +1,31 @@
 <UserControl xmlns="https://github.com/avaloniaui"
-xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-xmlns:local="using:PlanViewer.App.Controls"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:local="using:PlanViewer.App.Controls"
              x:Class="PlanViewer.App.Controls.WaitStatsProfileControl">
     <Grid RowDefinitions="Auto,*">
-        <!-- Header: toggle chart type -->
-        <StackPanel Grid.Row="0" Orientation="Horizontal" Spacing="6" Margin="4,2">
-            <Button x:Name="ToggleChartButton" Content="▤"
+        <!-- Header row: left controls + right-aligned legend button -->
+        <Grid Grid.Row="0" ColumnDefinitions="Auto,Auto,*,Auto" Margin="4,2">
+            <Button x:Name="ToggleChartButton" Grid.Column="0" Content="&#x25A4;"
                     Width="22" Height="22" Padding="0"
                     FontSize="12" Background="Transparent" BorderThickness="0"
                     Foreground="{DynamicResource ForegroundBrush}"
                     ToolTip.Tip="Toggle bar / ribbon chart"
                     Click="ToggleChart_Click"/>
-            <TextBlock x:Name="TitleText" Text="Wait Stats"
+            <TextBlock x:Name="TitleText" Grid.Column="1" Text="Wait Stats"
                        FontSize="11" FontWeight="SemiBold"
                        Foreground="{DynamicResource SlicerToggleBrush}"
-                       VerticalAlignment="Center"/>
-            <Button x:Name="LegendButton" Content="◆"
-                    Width="22" Height="22" Padding="0"
-                    FontSize="12" Background="Transparent" BorderThickness="0"
+                       VerticalAlignment="Center" Margin="6,0,0,0"/>
+            <!-- spacer -->
+            <Button x:Name="LegendButton" Grid.Column="3" Content="Legend"
+                    Height="20" Padding="8,0"
+                    FontSize="10"
+                    Background="Transparent" BorderThickness="1"
+                    BorderBrush="{DynamicResource ForegroundMutedBrush}"
                     Foreground="{DynamicResource ForegroundBrush}"
                     ToolTip.Tip="Show color legend"
+                    VerticalAlignment="Center"
                     Click="Legend_Click"/>
-        </StackPanel>
+        </Grid>
         <!-- Content area -->
         <Grid Grid.Row="1" x:Name="ContentArea" MinHeight="24">
             <local:WaitProfileBarControl x:Name="GlobalBar" PercentMode="True" IsVisible="False"/>

src/PlanViewer.App/Controls/WaitStatsRibbonControl.axaml.cs

@@ -215,14 +215,20 @@ private void Redraw()
                 };
                 RibbonCanvas.Children.Add(avgLine);
 
-                var avgLabel = new TextBlock
+                var avgLabel = new Border
                 {
-                    Text = $"avg:{WaitRatioFormatter.Format(avgWait)}",
-                    FontSize = 8,
-                    Foreground = dashBrush,
+                    Background = new SolidColorBrush(Color.Parse("#B0D0D0D0")),
+                    CornerRadius = new CornerRadius(3),
+                    Padding = new Thickness(4, 1),
+                    Child = new TextBlock
+                    {
+                        Text = $"avg:{WaitRatioFormatter.Format(avgWait)}",
+                        FontSize = 10,
+                        Foreground = Brushes.Black,
+                    },
                 };
                 Canvas.SetLeft(avgLabel, 2);
-                Canvas.SetTop(avgLabel, avgY - 12);
+                Canvas.SetTop(avgLabel, avgY - 16);
                 RibbonCanvas.Children.Add(avgLabel);
             }
         }