Сетка внутри кнопки не будет растягиваться горизонтально

Question

Учитывая следующую разметку, я бы ожидал, что шеврон пройдет весь путь справа от кнопки, но это не так - вместо этого панель стека и шеврон плотно затянуты вместе в середине кнопки.

<Button Background="Teal" HorizontalAlignment="Stretch"> 
    <Grid HorizontalAlignment="Stretch"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*"></ColumnDefinition> 
      <ColumnDefinition Width="Auto"></ColumnDefinition> 
     </Grid.ColumnDefinitions> 

     <StackPanel HorizontalAlignment="Stretch" 
        Grid.Column="0"> 
      <TextBlock HorizontalAlignment="Center" 
         TextAlignment="Center" 
         FontSize="60">Click!</TextBlock> 
      <TextBlock HorizontalAlignment="Stretch" 
         TextAlignment="Center" 
         FontSize="20">Cool things will happen</TextBlock> 
     </StackPanel> 
     <TextBlock Grid.Column="1" 
        FontSize="60" 
        FontFamily="Segoe UI Symbol"> 
      &#xe013; <!-- unicode for chevron right in this font --> 
     </TextBlock> 
    </Grid> 
</Button> 

Answer 1

Вы можете попробовать установить HorizontalContentAlignment кнопки для Stretch.