Use two different divs for mobile and desktop instead of a JS solution

[Th3M3]

Signed-off-by: Th3M3 [email protected]
Co-Authored-By: XhmikosR [email protected]

By submitting this pull request, I confirm the following: {please fill any appropriate checkboxes, e.g: [X]}

• 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?:

Reduce need of js code.

This replaces #1264.

How does this PR accomplish the above?:

Add a separate domain input form and toggle them depending on the screen's width.

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

-

[XhmikosR]

Thanks for the PR, I haven't forgotten about it, I'll get to test it this week hopefully.

Merge conflicts

[PromoFaux]

Please resolve merge conflicts, thanks!

Proposed changes work well

[Th3M3]

@PromoFaux Ok, done.

[XhmikosR]

This should be simplified later. There's no reason for us not to use unique classes in the buttons.

[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-core-web-v5-2-and-ftl-v5-3-released/40909/1