Skip to content

fix(ui): wrap destination list to prevent overflow on small screens - #10998

Open
mklozinski wants to merge 1 commit into
coollabsio:nextfrom
mklozinski:fix/destinations-wrap
Open

fix(ui): wrap destination list to prevent overflow on small screens#10998
mklozinski wants to merge 1 commit into
coollabsio:nextfrom
mklozinski:fix/destinations-wrap

Conversation

@mklozinski

@mklozinski mklozinski commented Jul 21, 2026

Copy link
Copy Markdown

Changes

  • Destination buttons (from "Available Destinations" in "Destinations" tab on server page) overflow the container on narrow screens, and long network names break across multiple lines inside the buttons (browser wraps at hyphens)
  • Added flex-wrap to container + min-w-fit to items, same pattern "Found Destinations" section already uses in same file

Issues

  • None — small UI fix per contributing guidelines.

Category

  • Bug fix
  • Improvement
  • New feature
  • Adding new one click service
  • Fixing or updating existing one click service

Preview

  • Before (v4.1.2)
before
  • After (patched, local dev instance)
after2

AI Assistance

  • AI was NOT used to create this PR
  • AI was used (please describe below)

If AI was used:

  • Tools used: Claude Code for VS Code (Fable 5)
  • How extensively: I found the fix myself in Devtools, AI helped locate the file and existing patterns.

Testing

  • Tested with a local development instance (docker compose dev setup from DEVELOPMENT.md, seeded, added destinations).
    destination buttons wrap into rows at narrow widths, no overflow, no mid-word breaks. "After" screenshot above is from this instance.
  • Additionally verified on a live v4.1.2 instance by applying the same patch inside the running container (view cache cleared, then reverted).

Contributor Agreement

Important

  • I have read and understood the contributor guidelines. If I have failed to follow any guideline, I understand that this PR may be closed without review.
  • I have searched existing issues and pull requests (including closed ones) to ensure this isn't a duplicate.
  • I have tested all the changes thoroughly with a local development instance of Coolify and I am confident that they will work as expected when a maintainer tests them.

@mklozinski
mklozinski marked this pull request as ready for review July 21, 2026 13:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants