Adlist group management design problem (width)

[beerisgood]

In raising this issue, I confirm the following: {please fill the checkboxes, e.g: [X]}

• I have read and understood the contributors guide.
• The issue I am reporting can be replicated.
• The issue I am reporting isn't a duplicate (see FAQs, closed issues, and open issues).

How familiar are you with the the source code relevant to this issue?:

1

---

Expected behaviour:

UI should work, no matter if sidebar is minimised or not
Screenshot:

Actual behaviour:

UI break if sidebar isn't minimised
Screenshot:

Steps to reproduce:

in PiHole Web interface "Group Management" -> "Adlists" -> on right side the UI is broken

Debug token provided by uploading pihole -d log:

not needed

Troubleshooting undertaken, and/or other relevant information:

• clear browser (Microsoft Edge) cache -> no solution
• minimise PiHole sidebar -> solution

[celebrir]

Same on my end.
As soon as I added a very long url to the adlist and it causes the <section class="content"> to be horizontally scrollable. The URLs do a line break at a dash in my case but should do them more frequently.

[beerisgood]

@pi-hole

[celebrir]

Welp, apparently it's the same for the Audit log. I'll assume it's a general flaw of the respective container displaying the addresses.

[github-actions]

This issue is stale because it has been open 30 days with no activity. Please comment or update this issue or it will be closed in 5 days.

[yubiuser]

This issue was solved by: #1161

(But in turn led to issue #1458)