fix(signup): prevent right panel content overflow on lg screens

[erete22]

Problem

On the signup page (/signup), at lg breakpoints the right panel (product badges, rating logos, features grid) was visually clipped on the right edge.

Root cause: The three inner grid divs each had mr-12 (48 px right margin) while their parent container only had pl-4 lg:pl-12 with no right padding. Content overflowed and was cut off by the ancestor overflow-hidden container.

Fix

Location	Before	After
Panel container	pl-4 lg:pl-12	pl-4 pr-4 lg:pl-12 lg:pr-12
Badge grid row 1	-mt-4 mr-12 mb-6 … pr-4	-mt-4 mb-6 …
Badge grid row 2	mr-12 mb-6 … pr-4	mb-6 …
Features grid	mt-8 mr-12 hidden …	mt-8 hidden …

Adding pr-4 lg:pr-12 to the panel gives symmetric spacing matching pl-4 lg:pl-12, removing the need for child margin overflows.

Fixes #29266

[github-actions]

Welcome to Cal.diy, @erete22! Thanks for opening this pull request.

A few things to keep in mind:

• This is Cal.diy, not Cal.com. Cal.diy is a community-driven, fully open-source fork of Cal.com licensed under MIT. Your changes here will be part of Cal.diy — they will not be deployed to the Cal.com production app.
• Please review our Contributing Guidelines if you haven't already.
• Make sure your PR title follows the Conventional Commits format.

A maintainer will review your PR soon. Thanks for contributing!

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 2f8c2dd1-5121-476e-8689-4f49785d7cd6

📥 Commits

Reviewing files that changed from the base of the PR and between 46eb533 and 1a8ae31.

📒 Files selected for processing (1)

• apps/web/modules/signup-view.tsx

---

📝 Walkthrough

Walkthrough

The signup view module (apps/web/modules/signup-view.tsx) underwent a comprehensive code reformatting that restructured imports, constants, JSX layouts, and class name strings. All functional behavior—including form validation schema, username availability verification, Cloudflare Turnstile integration, Stripe checkout redirection, account review status handling, GTM and PostHog event tracking, and authentication callback URL construction—remains unchanged. No modifications were made to exported component signatures or type definitions.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

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

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately summarizes the main change: fixing right panel content overflow on lg screens in the signup page.
Description check	✅ Passed	The description clearly explains the problem, root cause, and solution with a detailed before/after table showing all CSS changes made.
Linked Issues check	✅ Passed	The PR addresses the signup page portion of issue #29266 by fixing the right panel overflow via symmetric padding adjustments and removing conflicting child margins.
Out of Scope Changes check	✅ Passed	All changes are focused on fixing the signup page overflow issue; no unrelated modifications to other components or files are present.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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

_{Review rate limit: 7/8 reviews remaining, refill in 7 minutes and 30 seconds.}

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

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[romitg2]

please attach before and after video.

[github-actions]

This PR has been marked as stale due to inactivity. If you're still working on it or need any help, please let us know or update the PR to keep it active.