Problem statement

In the Virtual Servers and MCP Servers tables, action buttons (view/edit/export/config, etc.) live in the far-right "Actions" column. The tables are wide, so users must horizontally scroll to discover those buttons. This is not intuitive and makes key actions hard to find.

Evidence in UI

• mcpgateway/templates/gateways_partial.html renders actions in the rightmost column after many data columns
• mcpgateway/templates/servers_partial.html does the same
• With smaller screens or long data, the table overflows horizontally; actions appear off-screen

Why it hurts

• Primary actions are hidden, causing user confusion and unnecessary scrolling
• Horizontal scroll is easy to miss (especially on trackpads and embedded contexts)
• On mobile, actions become effectively inaccessible without a hint

Proposed solutions (ordered by impact)

Option A: Pin actions column (sticky right) - Recommended

• Make the actions column position: sticky; right: 0; so it stays visible while the table scrolls
• Add a subtle shadow/divider to separate the pinned column from the scrolling content
• Works with the current table layout, minimal UI change

Option B: Move primary actions left

• Add an "Actions" column as the first column (left side) for view/edit
• Keep secondary actions in a small overflow menu

Option C: Collapsible row actions

• Replace the actions column with a compact "⋯" button that opens an inline menu or expandable row
• Great for mobile and embedded views

Acceptance criteria

• View/edit buttons are visible without horizontal scroll on desktop
• On mobile, actions are reachable via a visible control without scrolling sideways
• Existing table layout remains functional and readable