Atomic: file-editor-warning buttons misaligned

[cuemarie]

Quick summary

The "Go Back" and "I Understand" buttons included in the file-editor-warning when navigating to Theme File Editor or Plugin File Editor are misaligned.

Steps to reproduce

1. Open a new Atomic Site
2. Navigate to /wp-admin/plugin-editor.php or /wp-admin/theme-editor.php for the first time

What you expected to happen

The pop up's buttons to be aligned

What actually happened

The buttons are misaligned. It looks like the "I understand" dismiss button has a specific vertical alignment (baseline) that's not applying to the first button:

.wp-core-ui p .button {
  vertical-align: baseline;
}

Impact

All

Available workarounds?

There is no user impact

Platform (Simple and/or Atomic)

Atomic

Logs or notes

No response

[liviopv]

📌 REPRODUCTION RESULTS

• Tested on Atomic – Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO
Plugin editor

theme editor

local site

📌 ACTIONS

• Triaged

@mrfoxtalbot could this be a side-effect of UCNR? Maybe a component changed and affected the button alignment?

[mrfoxtalbot]

I do not know but @Automattic/explorers might be able to confirm.

[allilevine]

I do not know but @Automattic/explorers might be able to confirm.

This pre-dates the project but we should fix it. I added it to the project board.