A MenuFlyout with ToggleMenuFlyoutItems and MenuFlyoutSeparator has padding for icons/glyphs

[Poopooracoocoo]

Describe the bug

A MenuFlyout with ToggleMenuflyoutItems and MenuFlyoutSeparator has padding for icons/glyphs

Steps to reproduce the bug

Steps to reproduce the behavior:

1. Go to MenuFlyout
2. Click on "Options" under "A MenuFlyout with ToggleMenuflyoutItems and MenuFlyoutSeparator has padding for icons/glyphs"

Expected behavior

Actual behavior

Screenshots

Version Info

Gallery version (found on Settings page):
1.2.8.0

Windows 10 version:

• Insider Build (xxxxx)
• May 2019 Update (18362)
• October 2018 Update (17763)
• April 2018 Update (17134)
• Fall Creators Update (16299)
• Creators Update (15063)
• Anniversary Update (14393)

Device form factor:

• Desktop
• Mobile
• Xbox
• Surface Hub
• IoT

Additional context

[stmoy]

The reason for the space is that the Repeat and Shuffle options can be toggled on. It looks strange when they are both toggled off, but here's what it looks like when one of them is toggled on:

This could be made clearer if the app had one of the items checked by default. This should be a quick fix so I'll keep this issue open to track that work.

[stmoy]

I've updated the sample to have the items checked by default, which should hopefully make the reason for the "gap" more apparent. Thank you for reporting this @Poopooracoocoo

[Poopooracoocoo]

Thanks! :D

I feel incredibly stupid