Extra margin in tablet and mobile login button in admin login

[trushaamin]

I have just found one issue in admin login there is an extra margin of 4px from the bottom-side of the login button on mobile and tablet.

[deeppatel8950]

Same issue with the button margin on responsive devices.

[modi2918]

Patch file for solution

[sabernhardt]

Hi and thanks for the report!

Editing the buttons.css styles can affect many other parts of the admin UI, so that stylesheet needs to keep the margin (which was originally added in [26134]).

It might be worth setting the .login .submit .button bottom margin to zero for most uses of wp-login.php. I was most concerned about the password-reset form, but both the Generate Password and Save Password buttons have their own 6-pixel bottom margin to give space between them when stacked vertically.

[dharmik1455]

There is no need for a 4px bottom margin on this button. Upon removing the 4px margin, the design remains intact. I have checked the design and everything looks good.

[trushaamin]

I think @dharmik1455 is right, when we remove the 4px margin after no any design break. sabernhardt:

Hi and thanks for the report!

Editing the buttons.css styles can affect many other parts of the admin UI, so that stylesheet needs to keep the margin (which was originally added in [26134]).

It might be worth setting the .login .submit .button bottom margin to zero for most uses of wp-login.php. I was most concerned about the password-reset form, but both the Generate Password and Save Password buttons have their own 6-pixel bottom margin to give space between them when stacked vertically.