Skip to content

UI not responsive / modal buttons hidden on smaller viewports #1

Description

@eperry01

The Rollie Jobs app UI does not adapt properly to smaller screen sizes.
Most notably, action buttons at the bottom of modals are hidden/unreachable
unless the user switches to full screen mode.

Steps to Reproduce

  1. Log in to app.rolliejobs.com
  2. Navigate to Job Boards
  3. Open the "Review Your Board Configuration" modal
  4. View on a smaller display or in a non-fullscreen browser window
  5. Scroll down — the "Back" and "Create Board" buttons at the bottom
    of the modal are not visible or accessible

Expected Behavior

All modal content, including action buttons, should be visible and
accessible regardless of screen size or browser window state. The modal
should scroll internally or resize to fit the viewport.

Actual Behavior

The bottom of the modal (including action buttons) is cut off and
inaccessible. The user must switch to full screen mode to see and
interact with the buttons.

Workaround

Switching to full screen mode reveals the hidden buttons.

Environment

  • Browser: Chrome (latest)
  • OS: macOS
  • Page affected: /org/{org-id}/job-boards
  • Component affected: "Review Your Board Configuration" modal

Screenshots

Image

Additional Notes

The modal likely needs overflow-y: auto and a max-height relative to
the viewport (e.g., max-height: 90vh) so it scrolls internally rather
than overflowing off-screen. Action buttons should also be considered
for a sticky footer position within the modal.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workinghelp wantedExtra attention is needed

    Type

    Fields

    No fields configured for Bug.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions