title: WPF toggle buttons with custom template not accepting click in correct area
body: <p>I'm a relative beginner in the WPF space so I'm sure this will be the first of many questions!</p>
  
  <p>I have a series of toggle buttons all with a custom template designed to show an image with a transparent background that then becomes highlighted when the user toggles the button.
  I wanted to add padding around the content so that the highlighted area would extent around the content.
  This is working, but the user still has to click in the inner area to activate the button, which is not what I want.</p>
  
  <p>I'm assuming it's because I'm using the Margin property of the <code>ContentPresenter</code> to bind to the Padding of the button and this is classed as outside of the content, but not sure of the best way to fix this.
  It does work when de-selecting the button though.</p>
  
  <p>Below is some XAML showing the problem which should be able to be copied and pasted straight into XamlPad.</p>
  
  <pre><code>&lt;Page.Resources&gt;
      &lt;Style x:Key="ValidationToggleButton" TargetType="ToggleButton"&gt;
      &lt;Setter Property="Padding" Value="5" /&gt;
      &lt;Setter Property="Template"&gt;
          &lt;Setter.Value&gt;
              &lt;ControlTemplate &gt;
                  &lt;Grid Name="MainGrid"&gt;
                      &lt;Viewbox&gt;
                          &lt;ContentPresenter Margin="{TemplateBinding Padding}"
                                Content="{TemplateBinding Property=Button.Content}" /&gt;
                      &lt;/Viewbox&gt;
                  &lt;/Grid&gt;
  
                  &lt;ControlTemplate.Triggers&gt;
                      &lt;Trigger Property="ToggleButton.IsChecked" Value="True"&gt;
                          &lt;Setter TargetName="MainGrid" Property="Background" Value="#88FFFF55" /&gt;
                      &lt;/Trigger&gt;
                  &lt;/ControlTemplate.Triggers&gt;
  
              &lt;/ControlTemplate&gt;
          &lt;/Setter.Value&gt;
      &lt;/Setter&gt;
  &lt;/Style&gt;
  &lt;/Page.Resources&gt; 
  &lt;Grid&gt;
  &lt;GroupBox Grid.Column="0" Header="Validation" BorderBrush="#55BBE6" Margin="2" &gt;
      &lt;Grid&gt;
          &lt;Grid.ColumnDefinitions&gt;
              &lt;ColumnDefinition /&gt;
              &lt;ColumnDefinition /&gt;
              &lt;ColumnDefinition /&gt;
          &lt;/Grid.ColumnDefinitions&gt;
          &lt;ToggleButton Grid.Column="0" Style="{StaticResource ValidationToggleButton}"&gt;
              CLICK
          &lt;/ToggleButton&gt;
      &lt;/Grid&gt;
  &lt;/GroupBox&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p>Anyone have any idea how I might correct this?</p>