Fixed members list layout on mobile

[peterzimon]

ref https://linear.app/ghost/issue/BER-3496/table-broken-on-mobile-sizes

• The members list layout was broken on mobile. The table cells were collapsed because of a incorrect widths.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: c7a203e3-d869-4164-ae3f-f14232ba1288

📥 Commits

Reviewing files that changed from the base of the PR and between 18a8cff and f9d2f97.

📒 Files selected for processing (1)

• apps/posts/src/views/members/components/members-list.tsx

---

Walkthrough

The file apps/posts/src/views/members/components/members-list.tsx was modified to adjust the responsive behavior of the members list component. The outer container div previously applied negative margins across all viewports; it now uses full-width sizing with overflow scrolling, and only applies negative margins and width adjustments at large breakpoints. The table element was similarly updated to use full-width on all viewports, with constrained sizing and margin adjustments applied exclusively at large screen sizes.

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and specifically describes the main change: fixing the members list layout on mobile devices, which aligns with the core fix of adjusting Tailwind classnames for responsive behavior.
Description check	✅ Passed	The description is directly related to the changeset, referencing the specific issue (BER-3496) and explaining the root cause (incorrect widths on mobile) and solution being applied.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch BER-3408/fix-mobile-member-list

---

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

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud