Skip to content

🐛 Bug: Button overlapping in different viewport dimension #1987

@Sam-61s

Description

@Sam-61s

Describe the bug

On different viewports (specifically in iPhone 12 Pro), the action buttons
("Open Community Working Meetings") are not positioned consistently.

In some cases, the top padding/margin is incorrect, the buttons overlap or do not align
vertically with the required spacing.

This results in a broken layout and inconsistent UI appearance.

Steps To Reproduce

  1. Open the website.
  2. Press F12 → Select iPhone 12 Pro (one of different viewport).
  3. Scroll to the "JSON Schema Community Meetings & Events" section.
  4. Observe the inconsistent vertical spacing and button overlap.

Expected Behavior

Buttons should not overlap and must stay aligned with equal padding/margin on all mobile viewports.

Screenshots

before

Image

After

Image

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

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

No

Metadata

Metadata

Assignees

Labels

Status: AcceptedIt's clear what the subject of the issue is about, and what the resolution should be.🐛 BugIndicates that the issue is a bug or defect.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions