Skip to content

Conversation

@Roaring30s
Copy link
Contributor

Fix orchestrator page header layout on mobile

Description

Fixed the orchestrator page header layout to prevent horizontal scroll on mobile devices. The "Orchestrators" heading and "Performance Leaderboard" button now wrap properly on small screens while maintaining proper spacing on larger screens.

Changes

  • Changed header flex container to use justifyContent: "center" on mobile with flexWrap: "wrap"
  • Added responsive breakpoint (@bp2) to use justifyContent: "space-between" on larger screens
  • Removed unnecessary margin from button and added gap spacing for better responsive behavior
  • Items now stack vertically on mobile and remain separated on desktop

Fixes

Fixes #466

image

@vercel
Copy link

vercel bot commented Jan 13, 2026

@Roaring30s is attempting to deploy a commit to the Livepeer Foundation Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link

vercel bot commented Jan 13, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
explorer-arbitrum-one Ready Ready Preview, Comment Jan 14, 2026 9:07pm

@Roaring30s
Copy link
Contributor Author

@ECWireless Good catch. Its looks better with bp1. Changes ready pending your review.

@ECWireless ECWireless merged commit 3c458bf into livepeer:main Jan 14, 2026
3 checks passed
@Roaring30s Roaring30s deleted the fix-orch-header branch January 14, 2026 23:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Orchestrators page causes horizontal scrolling on mobile devices

2 participants