Remove floating on Permalinks settings screen

[sabernhardt]

Moved from #55557; follow-up to #55498.

Available structure tag buttons are floated in a horizontal list. The markup can stay the same to keep the elements' semantic value, but using CSS flex could replace the float.

[sabernhardt]

@kebbet's patch: Only change CSS for permalinks screen.

[audrasjb]

Before patch

[audrasjb]

After patch

[audrasjb]

The patch looks good to me, except that it introduces a line break on large screens (see screenshots above).

Would it be possible to keep the previous rendering?

[sabernhardt]

It had already wrapped on my 1366px screen with the margin from the last button, which these patches remove, but 56673.diff​ keeps the li elements' current spacing (vertical and horizontal).

[audrasjb]

Testing 56673.diff

[audrasjb]

Thanks for the change, it looks better on large screen! ✌️

Self-assigning for commit.

[audrasjb]

In 55103:

Permalinks: Remove floating on Permalinks settings screen.

This changeset replaces floating elements with flex CSS positioning, while the markup stays the same to keep the elements' semantic value.

Follow-up to [53706].

Props sabernhardt, kebbet, audrasjb.
Fixes #56673.
See #55498.