Customize, Activate and Live Preview button are not aligned properly on themes page under apperance

[melchoyce]

This is a recent regression. Can we track down where it was introduced?

[melchoyce]

#42279 was marked as a duplicate.

[Mirucon]

Here's my patch from #42279

[sayedwp]

This will break the customizer theme's panel buttons because they both share the common css, I think this is regression from #42215 @mahvash-fatima can you take a look

[Mahvash Fatima]

Ah, I was not aware that the same css is applied in Appearance > Themes as well, working to fix.

BTW the same button vertical alignment issue already exists for themes page as well for small screen.

[jcastaneda]

Replying to melchoyce:

This is a recent regression. Can we track down where it was introduced?

From what I was able to find it was introduced in [41893]

[Mahvash Fatima]

About the changes.

1- Moved my CSS added in #42215 in customize-controls.css to themes.css so it can be used at both the places.
2 - Added some css for button for bigger screen.
3- Add wrapper div around the theme action elements so its properly structured, and easy to align. ( No other changes in the markup ) just the way it was done in #42215

[melchoyce]

Looks like that fixed it, thanks @Mahvash Fatima 👍

@westonruter would you mind giving it a quick review?

[westonruter]

In 41949:

Customize: Fix alignment of Customize, Activate, and Live Preview buttons appearing on the Themes admin screen.

Amends [41893].
Props Mahvash-Fatima.
See #42215.
Fixes #42275.