Why is there empty space at the top & bottom of my page when the UWP app runs? XAML nor Design view shows empty space
<p>Why does my UWP (Universal Windows Platform) App force extra space at the top and bottom of my app even though there is nothing there?</p>

<p>Here's what it looks like:
<a href="https://i.stack.imgur.com/2yaPq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2yaPq.png" alt="extra space"></a></p>

<p>Even though in Visual Studio 2013 (design mode) you can see that the blue bounding box displays the bottom of the page as follows:</p>

<p><a href="https://i.stack.imgur.com/7r3jA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7r3jA.png" alt="design mode"></a></p>

<p>The outer grey is the device it would be running on.</p>

<p>The XAML looks like the following:</p>

<pre><code>&lt;Page
    x:Class="CYaPass.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CYaPass"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Height="515" Width="570" Background="LightGray" Loaded="Page_Loaded"&gt;

    &lt;Grid&gt;
        &lt;Grid.RowDefinitions&gt;
            &lt;RowDefinition Height="320"/&gt;
            &lt;RowDefinition Height="*"/&gt;
        &lt;/Grid.RowDefinitions&gt;
        &lt;Grid.ColumnDefinitions&gt;
            &lt;ColumnDefinition Width="*"/&gt;
            &lt;ColumnDefinition Width="*"/&gt;
        &lt;/Grid.ColumnDefinitions&gt;
        &lt;StackPanel Grid.Column="0"  Grid.Row="0"&gt;
            &lt;TextBlock  FontSize="16" HorizontalAlignment="Center"&gt;1. Select a Site/Key&lt;/TextBlock&gt;
            &lt;ListView BorderThickness="2" BorderBrush="Aquamarine"  
                      x:Name="SiteListBox" HorizontalAlignment="Stretch" VerticalAlignment="Center" Height="251" 
                      Margin="10,10,0,0"  Width="Auto" SelectionChanged="SiteListBox_SelectionChanged"&gt;
                &lt;ListView.ItemContainerStyle&gt;
                    &lt;Style TargetType="ListViewItem"&gt;
                        &lt;Setter Property="Padding" Value="5,0,0,0" /&gt;
                    &lt;/Style&gt;
                &lt;/ListView.ItemContainerStyle&gt;
                &lt;ListViewItem Content="Item 2"/&gt;
            &lt;/ListView&gt;

            &lt;StackPanel Margin="10,0,0,0" Orientation="Horizontal" Grid.Column="0"&gt;
                &lt;Button x:Name="DeleteSiteButton" Content="Delete Site" 
                        HorizontalAlignment="Right" Margin="0,0,0,0" VerticalAlignment="Top" Click="DeleteSiteButton_Click"/&gt;
                &lt;Button x:Name="AddSiteButton" Content="Add Site" HorizontalAlignment="Right"
                    Margin="10,0,0,0" VerticalAlignment="Top" Click="AddSiteButton_Click"/&gt;
            &lt;/StackPanel&gt;
        &lt;/StackPanel&gt;
        &lt;TextBox x:Name="passwordTextBox" HorizontalAlignment="Left" Margin="7,150,0,0" Grid.Row="1" Grid.ColumnSpan="2"
                 TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="560"/&gt;
        &lt;StackPanel HorizontalAlignment="Left" Height="128" Margin="10,0,0,0" Grid.Column="0" Grid.Row="1"
                    VerticalAlignment="Top" Width="285"&gt;
            &lt;Grid Margin="0,0,-11,0"&gt;
                &lt;Grid.RowDefinitions&gt;
                    &lt;RowDefinition Height="40" &gt;&lt;/RowDefinition&gt;
                    &lt;RowDefinition Height="40" &gt;&lt;/RowDefinition&gt;
                    &lt;RowDefinition Height="40" &gt;&lt;/RowDefinition&gt;
                &lt;/Grid.RowDefinitions&gt;
                &lt;Grid.ColumnDefinitions&gt;
                    &lt;ColumnDefinition Width="180"/&gt;
                    &lt;ColumnDefinition Width="Auto"/&gt;
                &lt;/Grid.ColumnDefinitions&gt;
                &lt;CheckBox x:Name="addUppercaseCheckbox"  Grid.Row="0" Grid.Column="0" Content="Add Uppercase" HorizontalAlignment="Stretch" VerticalAlignment="Center" Width="254" Click="addUppercaseCheckbox_Click" Margin="7,0,3,0"/&gt;
                &lt;CheckBox x:Name="addSpecialCharscheckBox" Grid.Row="1" Grid.Column="0" Content="Add Special Chars" HorizontalAlignment="Stretch" VerticalAlignment="Center" Margin="7,0,3,0"/&gt;
                &lt;TextBox x:Name="specialCharsTextBox" Grid.Column="1" Grid.Row="1" Margin="7,0,3,0" VerticalAlignment="Center" HorizontalAlignment="Stretch" Grid.RowSpan="1" TextWrapping="NoWrap" Text="#"/&gt;
                &lt;CheckBox x:Name="setMaxLengthCheckBox" Grid.Row="2" Grid.Column="0" Content="Set Max Length" HorizontalAlignment="Stretch" VerticalAlignment="Center" Margin="7,0,3,0"/&gt;
                &lt;local:NumericUpDown Grid.Column="1" HorizontalAlignment="Left" Margin="7,0,3,0" Grid.Row="2" VerticalAlignment="Center" Width="64"/&gt;
            &lt;/Grid&gt;
        &lt;/StackPanel&gt;
        &lt;StackPanel Grid.Column="1" Grid.Row="0"&gt;
            &lt;TextBlock Grid.Column="1" Grid.Row="0" FontSize="16" HorizontalAlignment="Center"&gt;2. Draw a pattern&lt;/TextBlock&gt;
            &lt;Canvas HorizontalAlignment="Center" x:Name="MainCanvas" 
                    Height="252" Width="252" Margin="7,10,0,0" VerticalAlignment="Top" Background="AliceBlue" Tapped="MainCanvas_Tapped" PointerMoved="MainCanvas_PointerMoved"/&gt;
            &lt;Button x:Name="ClearGridButton" Content="Clear"
                    Margin="50,0,10,0" VerticalAlignment="Center" Click="ClearGridButton_Click" HorizontalAlignment="Right"/&gt;
        &lt;/StackPanel&gt;

    &lt;/Grid&gt;
&lt;/Page&gt;
</code></pre>

<p>You can see the page's width is wider than the height, but when the app runs on a desktop or a simulator device (like 7" pad) the extra space is pushed into the top and the bottom.</p>

<p><strong>UWP Forced Minimum?</strong></p>

<p>Is this due to some minimum size or something that UWP forces on apps?</p>

<p><strong>Cannot Resize Smaller When Running</strong></p>

<p>Even if I grab the form's bottom or top bounding frame when the app is running, I cannot make it any smaller.  </p>