Correct bottom margin for language switcher button on smaller screens

[sabernhardt]

Changeset [52058] added a language switcher with a zero bottom margin (for screens up to the 782px breakpoint). Then changeset [52417] removed the button-primary class without updating the styles.

Plus, without the primary button styles, it does not need to remove the float.

[sabernhardt]

before patch, at 480 pixels wide

[sabernhardt]

before patch, at 360 pixels wide

[sabernhardt]

corrects class name and removes float: none

[sabernhardt]

with patch, at 480 pixels wide

[sabernhardt]

with patch, at 360 pixels wide

[sabernhardt]

with patch, at 360 pixels wide, showing the switcher with Spanish (Dominican Republic) as a wide example

[sabernhardt]

Options for smallest screens (up to 400 pixels wide):

1. The patch corrects the class name to set the Change button below the select. I had added that in case the select is extra wide. "English (United States)" seems fine (at 100% zoom), but barely.
2. Remove the special centering below 400px, as it would not wrap often and it has not worked in any releases yet anyway.
3. Use flexbox with gap for all language switcher elements so it only centers when the language is too wide.

   #language-switcher {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     gap: 5px;
   }
   

[audrasjb]

Before patch

[audrasjb]

After patch: all good!

[audrasjb]

This looks good to me!

[audrasjb]

In 55582:

Login and Registration: Fix margin for language switcher button on small screens.

This fixes an alignement issue on small screens in the language switcher button displayed on the Login screen.

Follow-up to [52058], [52417].

Props sabernhardt.
Fixes #57617.