fix : refractor the layout of the users.html page to get all the content in middle evenly .

[Piyushrathoree]

close #4610

fix the layout of the Users page

Summary by CodeRabbit

• Style
  • Centered the main content on the Users page by adjusting container alignment, improving visual balance and readability across screen sizes.
  • No functional changes; layout update only.

[coderabbitai]

Walkthrough

Added the CSS utility class mx-auto to the main container div in website/templates/users.html to horizontally center the page content.

Changes

Cohort / File(s)	Summary
Users page layout tweak website/templates/users.html	Added mx-auto to the main container div class to center content horizontally.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Pre-merge checks and finishing touches

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title Check	✅ Passed	The title clearly summarizes the main change of centering the content on the Users page by refactoring its layout and directly relates to the changeset focused on users.html layout adjustment.
Linked Issues Check	✅ Passed	The pull request closes issue #4610 and the sole code change, adding an mx-auto class to the main container, directly implements centering of the Users page content on a 15.6″ laptop as specified in the linked issue.
Out of Scope Changes Check	✅ Passed	The only modification in this PR is the addition of the mx-auto class to the Users page container, which directly relates to the centering objective and does not include any unrelated or extraneous changes.
Docstring Coverage	✅ Passed	No functions found in the changes. Docstring coverage check skipped.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

Knowledge base: Disabled due to Reviews -> Disable Knowledge Base setting

📥 Commits

Reviewing files that changed from the base of the PR and between e9c3b1b and 1b69e18.

📒 Files selected for processing (1)

• website/templates/users.html (1 hunks)

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)

• GitHub Check: Run Tests
• GitHub Check: docker-test

🔇 Additional comments (1)

website/templates/users.html (1)

21-21: Centered container LGTM.

Adding mx-auto to the Tailwind container class correctly centers the main content without side effects. Nice, simple fix.

---

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.}

[krrish-sehgal]

@Piyushrathoree I would request you to not open more issues , there are already 200+ open for you to work on , and if you are opening a PR that fixes a UI bug, make sure to attach a screenshot or video to make reviewing a lot easier.

Thanks!

[Piyushrathoree]

@Piyushrathoree I would request you to not open more issues , there are already 200+ open for you to work on , and if you are opening a PR that fixes a UI bug, make sure to attach a screenshot or video to make reviewing a lot easier.

Thanks!

got it

[krrish-sehgal]

@Piyushrathoree , would need a demo screenshot to proceed on this.