New login form layout

[rdwebdesign]

By submitting this pull request, I confirm the following:

• I have read and understood the contributors guide, as well as this entire template.
• I have made only one major change in my proposed changes.
• I have commented my proposed changes within the code.
• I have tested my proposed changes.
• I am willing to help maintain this change if there are issues with it later.
• I give this submission freely and claim no ownership.
• It is compatible with the EUPL 1.2 license
• I have squashed any insignificant commits. (git rebase)
• I have Signed Off all commits. (git commit --signoff)

---

What does this PR aim to accomplish?:

The current login form has a few visual issues:

• text has many line breaks (using boxed layout or medium size screens);
• the "Remember me for 7 days" checkbox should be before the "Log in" button;
• the help text uses a list format, with bullet points;

How does this PR accomplish the above?:

• Password input resized;
• checkbox moved;
• text rearranged and resized to avoid line breaks whenever possible;

What documentation changes (if any) are needed to support this PR?:

none.

[PromoFaux]

I like it, might just be my eye, but does it look slightly off on mobile?

[rdwebdesign]

... it look slightly off on mobile?

Yes and no.
The elements are aligned, but this theme (Pi-hole midnight theme) uses a transparent border for the input field.

When the field gets focus, the border turn blue and all appears aligned again.

I need to fine tune this effect, but only for this theme.

[pralor-bot]

This pull request has been mentioned on Pi-hole Userspace. There might be relevant details there:

https://discourse.pi-hole.net/t/pi-hole-ftl-v5-15-web-v5-12-and-core-v5-10-released/54987/1