fix: widen WebChat toolbar buttons to prevent icon clipping

Increase button width from 36 to 40px with explicit padding,
bump FontIcon size from 14 to 16, add right padding to toolbar.
This commit is contained in:
Scott Hanselman 2026-04-22 18:29:50 -07:00
parent f235f3f999
commit 5ecaa8427b

View File

@ -17,27 +17,27 @@
</Grid.RowDefinitions>
<!-- Toolbar -->
<StackPanel Grid.Row="0" Orientation="Horizontal" Spacing="4" Padding="8"
<StackPanel Grid.Row="0" Orientation="Horizontal" Spacing="4" Padding="8,8,16,8"
Background="{ThemeResource CardBackgroundFillColorDefaultBrush}">
<Button x:Name="HomeButton" ToolTipService.ToolTip="Home" Click="OnHome"
Width="36" Height="36">
<FontIcon Glyph="&#xE80F;" FontSize="14"/>
Width="40" Height="36" Padding="4">
<FontIcon Glyph="&#xE80F;" FontSize="16"/>
</Button>
<Button x:Name="RefreshButton" ToolTipService.ToolTip="Refresh" Click="OnRefresh"
Width="36" Height="36">
<FontIcon Glyph="&#xE72C;" FontSize="14"/>
Width="40" Height="36" Padding="4">
<FontIcon Glyph="&#xE72C;" FontSize="16"/>
</Button>
<Button x:Name="PopoutButton" ToolTipService.ToolTip="Open in Browser" Click="OnPopout"
Width="36" Height="36">
<FontIcon Glyph="&#xE8A7;" FontSize="14"/>
Width="40" Height="36" Padding="4">
<FontIcon Glyph="&#xE8A7;" FontSize="16"/>
</Button>
<Button x:Name="DevToolsButton" ToolTipService.ToolTip="Developer Tools" Click="OnDevTools"
Width="36" Height="36">
<FontIcon Glyph="&#xE90F;" FontSize="14"/>
Width="40" Height="36" Padding="4">
<FontIcon Glyph="&#xE90F;" FontSize="16"/>
</Button>
</StackPanel>