Skip to content

fix(ui): keep user list action buttons sized with a single user - #3311

Open
0xSysR3ll wants to merge 1 commit into
developfrom
0xsysr3ll/fix/user-list-action-buttons
Open

fix(ui): keep user list action buttons sized with a single user#3311
0xSysR3ll wants to merge 1 commit into
developfrom
0xsysr3ll/fix/user-list-action-buttons

Conversation

@0xSysR3ll

@0xSysR3ll 0xSysR3ll commented Jul 29, 2026

Copy link
Copy Markdown
Contributor

Description

On the Users page, the Edit/Delete action column only got a usable minimum width from the Bulk Edit button.
That button is hidden when there is exactly one user, so the column collapsed and the Edit/Delete buttons laid out incorrectly.

How Has This Been Tested?

  • Opened Users page with exactly one user and confirmed Edit/Delete retain proper width and layout.
  • Opened Users page with multiple users and confirmed Bulk Edit still appears and Edit/Delete layout is unchanged.

Screenshots / Logs (if applicable)

Checklist:

  • I have read and followed the contribution guidelines.
  • Disclosed any use of AI (see our policy)
  • I have updated the documentation accordingly.
  • All new and existing tests passed.
  • Successful build pnpm build
  • Translation keys pnpm i18n:extract
  • Database migration (if required)

Summary by CodeRabbit

  • Style
    • Improved alignment and spacing for the user list’s “Created” column and bulk-edit controls.
    • Refined the layout of edit and delete actions within user rows.
    • Preserved existing button behavior and disabled states.

@0xSysR3ll
0xSysR3ll requested a review from a team as a code owner July 29, 2026 16:41
@coderabbitai

coderabbitai Bot commented Jul 29, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

📝 Walkthrough

Walkthrough

The UserList table updates bulk-edit header sizing and moves row action layout classes to an inner wrapper. Edit and delete button behavior remains unchanged.

Changes

User list layout

Layer / File(s) Summary
Bulk edit header styling
src/components/UserList/index.tsx
The bulk-edit header cell gains width, minimum-width, whitespace, and right-alignment classes; the button retains full width without its responsive minimum width.
Row action layout
src/components/UserList/index.tsx
Grid-related classes move from the table cell to an inner wrapper, while edit/delete handlers and disabled conditions remain unchanged.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

Suggested reviewers: fallenbagel, gauthier-th, danshilm

Poem

I hop through rows where buttons align,
Delete and edit now fit just fine.
The header stretches, neat and bright,
No text spills out at zoomed-up height.
Wiggle ears—layout fixed tonight! 🐇

🚥 Pre-merge checks | ✅ 4
✅ Passed checks (4 passed)
Check name Status Explanation
Linked Issues check ✅ Passed The action-column width and layout adjustments directly address the delete button overflow on the Users page.
Out of Scope Changes check ✅ Passed The changes stay confined to the Users list action-column styling and are in scope for the reported bug.
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly matches the main fix: preserving action button sizing in the user list when only one user is present.

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@seerr-automation-bot seerr-automation-bot added this to the v3.5.0 milestone Jul 29, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG][UI] Users > Delete button incorrect spacing on 125% zoom on Browser

3 participants