Customizer: Using device size controls with changes scheduling panel opens causes resized preview pane to be partially obscured

[johnpgreen]

Steps to recreate:
1) Navigate to the Customizer
2) Select "Additional CSS"
3) Enter some CSS code to activate the gear button next to the "Publish" button
4) Click the gear button next to the "Publish" button, causing the status panel to slide out
5) Click the tablet or phone icon

Expected result: preview pane resizes within available space
Actual result: preview pane resizes and moves partially behind the Customizer controls

Screenshots coming up.

[johnpgreen]

Gear button activated after entering CSS

[johnpgreen]

Status panel slides out, pushes preview pane to the right

[johnpgreen]

After clicking tablet icon, preview pane resizes and shifts under the Customizer

[johnpgreen]

And then clicking the phone icon

[westonruter]

@sayedwp Can you take a look at this? It may be related to #42027 which I committed prior to completion.

[sayedwp]

Yes, I reopened #42027 and will fix it along with that.

[westonruter]

In 41860:

Customize: Fix positioning of device-previewed window when publish settings are open.

• Update date control padding.
• Collapse publish settings section when opening panes for available widgets or nav menus.
• Remove save and cog buttons in mobile preview only mode.
• Move definition of wp.customize.previewedDevice to wp.customize.state('previewedDevice') for centralization, maintaining old alias.
• Remove unused CSS because the section is inside form now.

Props sayedwp, westonruter.
See #39896.
Fixes #42027, #42199.