Fix: map page sidebar covers fixed header on scroll

[Copilot]

closes #57

StyledMapControlPanel sets zIndex: 10000 at the base level (required for the mobile full-screen overlay), but this was never reset for the desktop (md) breakpoint. On desktop the panel uses position: relative, which combined with an explicit z-index creates a stacking context that sits above the MUI AppBar (z-index 1100). Scrolling the page causes the sidebar to render over the fixed header.

Change

Add zIndex: 'auto' to the md breakpoint override in StyledMapControlPanel, removing the high-z stacking context on desktop:

[theme.breakpoints.up('md')]: {
  display: 'flex',
  width: '300px',
  position: 'relative',
  top: 'unset',
  paddingTop: 0,
  margin: theme.spacing(2),
  zIndex: 'auto', // reset so the fixed header remains on top during scroll
},

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• download.cypress.io
  • Triggering command: /opt/hostedtoolcache/node/24.14.0/x64/bin/node /opt/hostedtoolcache/node/24.14.0/x64/bin/node index.js --exec install (dns block)
  • Triggering command: /opt/hostedtoolcache/node/24.14.0/x64/bin/node /opt/hostedtoolcache/node/24.14.0/x64/bin/node dist/index.js --exec install (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
mobilitydatabase-web	Ready	Preview, Comment	Mar 10, 2026 0:38am

[Alessandro100]

Tested on preview and it works, solution is simple

[github-actions]

*Lighthouse ran on https://mobilitydatabase-l73xos93d-mobility-data.vercel.app/ * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🟢 93	🟢 96	🟢 100	🟢 100

*Lighthouse ran on https://mobilitydatabase-l73xos93d-mobility-data.vercel.app/feeds * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🟠 88	🟠 87	🟢 96	🟢 100

*Lighthouse ran on https://mobilitydatabase-l73xos93d-mobility-data.vercel.app/feeds/gtfs/mdb-2126 * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🔴 41	🟢 94	🟢 96	🟢 100

*Lighthouse ran on https://mobilitydatabase-l73xos93d-mobility-data.vercel.app/feeds/gtfs_rt/mdb-2585 * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🟠 77	🟠 83	🟢 100	🟢 100

*Lighthouse ran on https://mobilitydatabase-l73xos93d-mobility-data.vercel.app/feeds/gbfs/gbfs-flamingo_porirua * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance	Accessibility	Best Practices	SEO
🟢 91	🟢 94	🟢 96	🟢 100