Skip to content

Conversation

@Sam-61s
Copy link

@Sam-61s Sam-61s commented Dec 16, 2025

What kind of change does this PR introduce?

  • Bug fix (responsive UI issue on mobile viewports)

Issue Number:


Screenshots/videos:

  • Before:
Screenshot 2025-12-10 235244
  • After:
Screenshot 2025-12-11 004839

(Screenshots attached)


If relevant, did you update the documentation?

  • No documentation changes were required for this fix.

Summary

This PR fixes a responsive layout issue where the “Open Community Working Meetings” action buttons overlap or appear misaligned on certain mobile viewports, specifically on iPhone 12 Pro.

The issue was caused by inconsistent margin/padding behavior on smaller screens.
This update ensures proper vertical alignment and consistent spacing across all mobile viewports while preserving existing desktop and tablet layouts.


Does this PR introduce a breaking change?

  • No, this PR does not introduce any breaking changes.

@Sam-61s Sam-61s requested a review from a team as a code owner December 16, 2025 09:48
@github-project-automation github-project-automation bot moved this to Ready to review in PR - Triage Group Dec 16, 2025
@github-actions
Copy link

github-actions bot commented Dec 16, 2025

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

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

@codecov
Copy link

codecov bot commented Dec 16, 2025

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (3bf407c) to head (ae8dfe6).
⚠️ Report is 7 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff            @@
##              main     #2008   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           30        30           
  Lines          633       633           
  Branches       196       196           
=========================================
  Hits           633       633           

☔ View full report in Codecov by Sentry.
📢 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.

Copy link
Member

@Utkarsh-123github Utkarsh-123github left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @Sam-61s , please fix this.
image

@github-project-automation github-project-automation bot moved this from Ready to review to Changes requested in PR - Triage Group Dec 16, 2025
Copy link
Member

@Utkarsh-123github Utkarsh-123github left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

Still it is not fixed @Sam-61s

@Sam-61s
Copy link
Author

Sam-61s commented Dec 17, 2025

Hi @Utkarsh-123github,
I've fixed the alignment issue. The buttons now properly stretch to fill their container and wrap text on smaller viewports.

Screenshot 2025-12-17 225902

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Changes requested

Development

Successfully merging this pull request may close these issues.

🐛 Bug: Button overlapping in different viewport dimension

2 participants