Powertoys: [Settings] Readability improvements to FancyZones settings page

[niels9001]

The current settings page for FancyZones is slightly hard to oversee:

Launch button
The Launch Zones Editor button is part of the Zone Behavior group of settings. Why? Shouldn't it be a stand alone button under the module toggleswitch?

Colorpickers
The colorpickers for the various FancyZones colors take up a lot of space and are a bit distracting (from the actual titles).

Proposal

Launch button
The button is now below the toggleswitch. The icon could help to indicate that another window will open.

Colorpickers
We could use a dropdown button that would contain the ColorPicker inside of its Flyout. The colors are now easier to identify and in this way we are saving a lot of space.

This is working XAML out of the master branch:

There's only XAML changes required, so should be an easy to review PR. Thoughts?@laviusmotileng-ms @crutkas

[crutkas]

I like these tweaks

[enricogior]

So strange that @niels9001 is proposing something that we like, never happened before! 😉

[htcfreek]

@niels9001, @crutkas
The disabled down button of the Opacity setting looks like it does not belong to the control. Is it possible to give this button a black frame?

[niels9001]

@htcfreek It's part of the default NumberBox behavior. There's a 1 pixel misalignment between the actual inputfield and buttons that should be resolved in WinUI 2.4 stable (we need to update the NuGet package for that)

@crutkas put in a PR that will show these buttons in compact mode, so it will be resolved either way :)!

[htcfreek]

@niels9001
As far as I know, @crutkas closes the PRs when new Version was released.