Reset password screen: improve buttons layout for better i18n

[audrasjb]

Related: #39638

Props to @pixelverbieger for pointing this out.

In some locales, the two buttons position is not ideal. They should ideally be stacked when there is not enough place leave them float.

[audrasjb]

German translation i18n issue

[audrasjb]

Proposal: replace floats with flex layout for better fallback

[audrasjb]

52834.diff result

[ryelle]

Tested across a few languages of different lengths, looks good across all.

[grapplerulrich]

Thank you @audrasjb for reporting this. I just noticed the same issue.

I hope we can get this in in a minor version.

[peterwilsoncc]

I think this would be good to put in the upcoming minor release.

[peterwilsoncc]

In 50569:

Login, Registration: Prevent button misalignment on password reset screen.

Prevent misalignment of "generate password" and "save password" buttons on the password reset screen on narrow screens and in languages requiring longer text than English.

Props audrasjb, grapplerulrich, ryelle.
Fixes #52834.

[peterwilsoncc]

Reopening for commit to the 5.7 branch following second a committer's sign-off.

[ryelle]

Based on my earlier review this is good to backport.

[peterwilsoncc]

In 50572:

Login, Registration: Prevent button misalignment on password reset screen.

Prevent misalignment of "generate password" and "save password" buttons on the password reset screen on narrow screens and in languages requiring longer text than English.

Props audrasjb, grapplerulrich, ryelle.
Merges [50569] to the 5.7 branch.
Fixes #52834.

[mukesh27]

Login page button issue after removed the below CSS in #50572

.login .button-primary { 
   float: right;
}

I'm using a development version (5.8-alpha-50571).

[audrasjb]

I can reproduce the issue as well, thanks @mukesh27

[audrasjb]

The above patch restore the previous rule and keep the new one used in password reset form.

[ryelle]

In 50577:

Login, Registration: Prevent button misalignment on login screen.

Replace the float CSS removed in [50569], which is used to align the login & register buttons.

Props mukesh27, audrasjb.
Fixes #52834.

[ryelle]

Thanks for catching that @mukesh27!

Reopening for backport.

[SergeyBiryukov]

[50577] looks good to backport.

[ryelle]

In 50580:

Login, Registration: Prevent button misalignment on login screen.

Replace the CSS removed in [50569], which is used to align the login & register buttons.

Props mukesh27, audrasjb.
Reviewed by SergeyBiryukov.
Merges [50577] to the 5.7 branch.
Fixes #52834.