WiFi DragAndDrop List overflowing on mobile.

[theelims]

@hmbacher your new and improved drag and drop list is beautiful, but creates issues on mobile with long SSID's. The flex is not shrinking enough and the page overflows. I tried to add truncate for the SSID to make it fit, but my Tailwind CSS skills are not good enough to make it work. Could you kindly look into this? Line 514 in the latest WiFi.svelte file. Thank you.

[hmbacher]

@theelims sure. I am on vacation these days, but I will have a look to it next week.

[hmbacher]

@theelims, see #104 for a fix proposal.

I switched to a CSS Grid layout to properly implement text truncation with ellipses for long SSID names. I also set a minimum width for the SSID + badge column to ensure at least the first few characters of the network name remain visible, even on narrow screens.

In my testing, this solution works well across both desktop and mobile devices. Are you still experiencing any issues with this implementation?

[theelims]

Thank you very much for fixing this. Now it looks very nice on mobile, too.

I would still hide the badge on small screen, however. I would priorize a few more characters of the SSID over the DHCP information.

[hmbacher]

I like the idea of hiding the badge on very small screens. I created #105 for it.