title: Xaml align text and image within button
body: <p>I have 2 buttons with an image and text inside:</p>
  
  <pre><code>&lt;Button Height="70" Background="#FF2A303E" BorderBrush="White" BorderThickness="5,0,0,0"&gt;
      &lt;Grid&gt;
          &lt;Viewbox Width="48" Height="48" HorizontalAlignment="Left"&gt;
              &lt;Canvas Width="24" Height="24"&gt;
                  &lt;Path Data="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" Fill="White" /&gt;
              &lt;/Canvas&gt;
          &lt;/Viewbox&gt;
          &lt;Label Margin="50, 5" FontSize="24" FontFamily="Microsoft YaHei UI Light" Foreground="White"&gt;Berichte&lt;/Label&gt;
      &lt;/Grid&gt;
  &lt;/Button&gt;
  </code></pre>
  
  <p>Everything works fine but I am not able to align the image on the left side of the button. I want the grid inside the button to take up the full inner space but it looks like this instead:</p>
  
  <p><a href="https://i.stack.imgur.com/VqNPl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VqNPl.png" alt="enter image description here"></a></p>
  
  <p>This is an issue because if the labels inside the button are not of the same size, it looks kind of weird because the icons aren't in one symmetrical line.</p>