Describe the bug

On the homepage, in the "JSON Schema Community Meetings & Events" section, the
"Open Community Working Meetings" button has no horizontal padding and a fixed
height of 40px (h-[40px]). On mobile viewports the button label is wider than
the button's max-w-[300px], so the text wraps to two lines. The two lines of
text (~48px) overflow the fixed 40px height, and with no px padding the text
also touches the left/right borders — the button looks cramped and broken.

The sibling "Office Hours" button uses the same classes but its label is short
enough to never wrap, which is why only this button is affected.

The same button markup is also duplicated on the Community page.

Steps To Reproduce

1. Go to https://json-schema.org/
2. Open devtools and switch to a mobile viewport (e.g. 375px wide)
3. Scroll down to the "JSON Schema Community Meetings & Events" section
4. Observe the "Open Community Working Meetings" button — the label wraps to
   two lines, overflows the button's fixed height, and touches the borders

Expected Behavior

The button should grow to fit its wrapped label and keep comfortable spacing
between the text and the borders on all screen sizes, while looking unchanged
on desktop.

Proposed fix: replace the fixed h-[40px] with min-h-[40px] and add
px-4 py-2 to the meeting buttons in pages/index.page.tsx (and the same
markup in pages/community/index.page.tsx). Single-line labels still render
at 40px, so desktop appearance is unaffected.

Screenshots

Device Information [optional]

- OS: macOS
- Browser: Chrome
- version: latest

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No