Make WordPress Core

Opened 5 months ago

Last modified 5 months ago

#65319 reopened defect (bug)

Reduce the min-height, line-height, and padding of the Log In button on the WordPress login screen in WordPress 7.0 to match the cleaner and more balanced appearance from WordPress 6.9.4.

Reported by: deeppatel8950 Owned by:
Priority: normal Milestone:
Component: Login and Registration Version: 7.0
Severity: normal Keywords: has-screenshots 2nd-opinion
Cc: Focuses: ui, css, administration

Description

In WordPress 7.0, the “Log In” button on the login screen appears slightly taller compared to the previous version (6.9.4). The increased height seems to come from updated padding and line-height values, making the button look visually larger and less balanced within the login form layout.

In WordPress 6.9.4, the button had a more compact appearance that aligned better with the form fields and overall spacing of the login screen.

This ticket proposes adjusting the button styles in WordPress 7.0 by slightly reducing:

Button height
Vertical padding
min-height

to better match the previous version’s visual balance and improve consistency in the login form UI.

Attachments (3)

New-version 7.0.png​ (72.5 KB ) - added by deeppatel8950 5 months ago.
old-version 6.9.4.png​ (36.0 KB ) - added by deeppatel8950 5 months ago.
login-form-flex-layout.png​ (113.7 KB ) - added by wildworks 5 months ago.
Align checkbox and button using flexbox layout

Download all attachments as: .zip

Change History (9)

#1 @mukesh27
5 months ago

  • Component General → Login and Registration
  • Keywords has-screenshots added; has-patch removed
  • Milestone Awaiting Review
  • Resolution → invalid
  • Status new → closed

It was expected change in 7.0 version as part of new Admin Reskin #64547

No need to match previous version.

#2 @deeppatel8950
5 months ago

@mukesh27 button look visually larger and less balanced.

#3 @deeppatel8950
5 months ago

  • Keywords 2nd-opinion added

#4 @knutsp
5 months ago

  • Resolution invalid
  • Status closed → reopened

The "Admin Reskin" is a pack of bad styling, especially the height of all input elements.

This is so terrible that I am now preparing a package for restyling admin for all my clients.

Please revert at least the increased input height styling.

#5 @wildworks
5 months ago

button look visually larger and less balanced.

If we consider this a bug, the root cause is that the checkbox and button are positioned using floats. If we are to fix this, I recommend migrating to flexbox layout.

@wildworks
5 months ago

Align checkbox and button using flexbox layout

#6 @sabernhardt
5 months ago

I do not think the login page needs flexbox, but the flex display should allow wrapping if implemented (#65286).

Note: See TracTickets for help on using tickets.