fix(homepage): prevent "Open Community Working Meetings" button text overflow on mobile/ipad

[ikshantshukla123]

What kind of change does this PR introduce?

Bugfix (CSS-only, one line)

Issue Number:

• Closes 🐛 Bug: "Open Community Working Meetings" button text overflows and touches edges on mobile/ipad view #2436

Screenshots/videos:
Before:

After:

Before:

After:

If relevant, did you update the documentation?

Not applicable — no documentation changes needed.

Summary

On mobile viewports, the "Open Community Working Meetings" button on the
homepage broke: its label wrapped to two lines, overflowing the fixed
h-[40px] height, and with no horizontal padding the text touched the
button borders.

This PR sizes the button by its content instead of hardcoding dimensions:

• h-[40px] → min-h-[40px] — desktop still renders at exactly 40px,
  but the button can grow when the label wraps
• added px-4 py-2 — the text keeps breathing room at every width
• max-w-[300px] w-full → w-fit max-w-full — the button shrink-wraps
  to its label plus padding (the same sizing model already used by the
  equivalent button on the Community page, which does not have this bug)

The sibling "Office Hours" button is unaffected (its short label never
wraps), so it was intentionally left untouched to keep the diff minimal.

All Cypress specs pass (yarn cypress:run:all, 294/294).

Does this PR introduce a breaking change?

No.

Checklist

• Read, understood, and followed the contributing guidelines.

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
website	✅ Ready (View Log)	Visit Preview	2ec6756

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (07e6bc8) to head (2ec6756).

Additional details and impacted files

@@            Coverage Diff            @@
##              main     #2437   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           31        31           
  Lines          695       695           
  Branches       215       215           
=========================================
  Hits           695       695           

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[vtushar06]

Thanks for the fix, one thing I would like to mention can you please wait until a issues passes triage, and there is one more fix switch to iphone 12 and see text on hero page it is there on boundary so please correct that.

And rest done from my side.

[ikshantshukla123]

Thanks for the fix, one thing I would like to mention can you please wait until a issues passes triage, and there is one more fix switch to iphone 12 and see text on hero page it is there on boundary so please correct that.

And rest done from my side.

Thanks for the review! Both points addressed:

Understood on triage I'll wait for issues
to pass triage before opening PRs going forward.
Fixed in 2ec6756 the hero subtitle h2 had no horizontal padding, so its text touched the viewport edges on small screens. Added px-4 md:px-0 (mobile-only, desktop unchanged). Verified on iPhone 12 (390px).

[vtushar06]

LGTM 🚀 @ikshantshukla123, Thanks

[github-actions]

Congratulations, @ikshantshukla123 for your first pull request merge in this repository! 🎉🎉. Thanks for your contribution to JSON Schema!