[admin-reskin] Spacing issue in verify email login screen

[audrasjb]

On fr_FR locale, I spotted a spacing issue in the verify email login screen, which seems like to be a consequence of the 7.0 admin reskin.

See the provided screenshot below.

Fixes a spacing issue in the administration email verification screen.

The .admin-email__actions div selector was too broad and provided no wrapping behaviour for the action buttons. On locales with longer button text (e.g. fr_FR), the "Update" and "The email is correct" buttons lost proper spacing.

Additionally, two CSS rules — .login .admin-email-confirm-form .submit and .admin-email__later — were targeting class names that no longer exist in the HTML markup and have been removed.

Changes:

• Replace .admin-email__actions div { padding-top } with targeted .admin-email__actions-primary rule using display: flex, flex-wrap: wrap, and gap: 0.5em so buttons wrap gracefully on any locale.
• Add .admin-email__actions-secondary rule with a reduced padding-top for the "Remind me later" link row.
• Remove orphaned margin-left/margin-right from .login .admin-email__actions .button-primary — spacing is now handled by flex gap on the container.
• Remove dead .login .admin-email-confirm-form .submit and .admin-email__later rules.

Trac ticket: https://core.trac.wordpress.org/ticket/64774

## Use of AI Tools

## How to test locally

1. Launch a local WordPress instance on your machine
2. Go to /wp-admin/options.php page
3. Search for admin_email_lifespan (CTRL/cmd + f)
4. Replace the timestamp with a future one — you can easily generate a timestamp ​here
5. Open a terminal with WP-CLI support
6. Run those two commands: wp transient delete --all and wp cache flush
7. Log out and wait for the timestamp to become expired
8. Log in again — you should be able to reach the admin email confirmation page
9. Check for the patch

[huzaifaalmesbah]

Reproduction Report

Environment

• WordPress: 7.0-beta3-61849-src
• PHP: 8.2.29
• Server: nginx/1.29.5
• Database: mysqli (Server: 8.4.8 / Client: mysqlnd 8.2.29)
• Browser: Chrome 145.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.4
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.1
• Locale: fr_FR

Steps taken

1. Changed the site language to fr_FR from *Settings → General*.
2. Updated the admin_email_lifespan value in the wp_options table to 1 to force the admin email verification screen.
3. Logged out and logged back in to trigger the verification page.
4. Reached the Verify your administration email screen and checked the button layout and spacing.
5. ❌ Bug is not occurring

The action buttons (“Mettre à jour”, “L’e-mail est correct”) appear properly spaced and wrapped correctly. I could not reproduce the spacing issue described in the ticket.

Additional Notes

I was able to reach the admin email verification screen successfully, but the spacing issue does not appear in my testing environment. It is possible that I am missing a specific condition needed to reproduce the issue.

Could you please confirm if there are any additional steps required to reproduce this problem?

Screenshots/Screencast

[divyeshpatel01]

I tested this issue but could not reproduce the reported problem.

Environment:

• WordPress: 7.0-beta2
• PHP: 8.2
• Browser: Chrome
• Theme: Twenty Twenty-Five

Steps taken:

1. Changed the site language to 'fr_FR' from Settings -> General.
2. Updated the 'admin_email_lifespan' value in the wp_options table to 1 to force the admin email verification screen.
3. Logged out and logged back in.
4. Reached the "Verify your administration email" screen.

Result:
The action buttons appear correctly spaced and wrapped properly. I did not observe the spacing issue described in the ticket.

It may require additional conditions to reproduce the issue?

[ozgursar]

For testers, it would be easier to add this snippet to your active theme's functions.php or by using the Code Snippets plugin to trigger the admin email confirmation at the login page.

update_option( 'admin_email_lifespan', 1 );

[r1k0]

Reproduction Report

Environment

• WordPress: 7.0-beta6-62085-src
• PHP: 8.2.29
• Server: nginx/1.29.4
• Database: mysqli (Server: 8.4.8 / Client: mysqlnd 8.2.29)
• Browser: Chrome 146.0.0.0
• OS: Linux
• Theme: Twenty Twenty-Five 1.4
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.1

Steps taken

1. Change the site language to Français.
2. Update the option_value for admin_email_lifespan to 1. Using UPDATE wp_options SET option_value = 1 WHERE option_name = 'admin_email_lifespan';.
3. Log out and log back in.
4. In the Verify your administration email screen, observe the spacing between the two buttons on a smaller screen device.
5. ❌ Bug is not occurring

Expected behavior

• The buttons have enough spacing between them.

Additional Notes

• While the main issue doesn't show up on my end, I think there is a slight misalignment of the buttons on the left side ( I might be wrong, and this might be the expected behavior).

Screenshots/Screencast with results

Screencast below shows the spacing as I manually adjust the screen sizes in Chrome Dev Tools:
​https://files.catbox.moe/ycp3rx.webm

[r1k0]

@audrasjb are you still having this issue?
Updating keywords to get feedback on this issue from the reporter.

[audrasjb]

I can't reproduce the issue anymore 🫠
The above misalignment issue still exists but it already existed before 7.0, so let's open a new ticket for that as it is not related to the admin reskin project.

Closing as worksforme. Thanks everyone for helping to test the issue.