Skip to content

Connections table overruns the page at 1710px wide #252

Closed

Description

@jseifeddine

Symptom

On a 1710px-wide display (MacBook 14"/16" default scaling) the connections table overruns the main column: the admin action cells run past the right edge and "delete" is cut off. The whole page then scrolls sideways.

Cause

rustguac.css sets 18px monospace text with 20px side padding on every cell, and the entries table has nine cells per admin row: select, name, type, host, user, connect, and a separate cell each for edit, clone and delete. The padding alone is 360px per row, and with the 340px sidebar plus 40px page padding each side the main column is about 1240px wide while a typical row needs about 1550px.

Fix

  • Put edit, clone and delete in one actions-cell instead of three cells (saves two runs of cell padding per row at every width).
  • Add a @media (max-width: 1800px) breakpoint on the connections page: 20px page padding, 240-280px sidebar, 16px cells with 8/14px padding, 14px headers, Connect button at 110px min-width, slightly smaller folder title. At 1710px the table then fits with roughly 250px to spare; nothing is hidden.

Folded into #255.

Activity

  1. added 4 commits that reference this issue on Oct 10, 2026
    7513c51
    18d7b97
    e7358ab
    4ae28ef
  2. added a commit that references this issue on Oct 13, 2026
    24eeafb
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions