From bac7a53fd7824555e0c31c7b415e40e958c952b0 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 10 Mar 2026 12:29:18 +0000
Subject: [PATCH 1/2] Initial plan


From 3413c731a9b91d5bfe09ef58ae8c774be742a318 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 10 Mar 2026 12:36:55 +0000
Subject: [PATCH 2/2] Fix sidebar covering header on scroll in Feed Detail Map
 page

The StyledMapControlPanel had zIndex: 10000 (needed for mobile full-screen
overlay) but this was not reset for desktop (md) breakpoint. On desktop the
panel has position: relative, so the high z-index created a stacking context
that rendered above the fixed AppBar header (z-index 1100) when scrolling.

Fix: add zIndex: 'auto' to the md breakpoint to restore normal document
stacking order on desktop.

Closes #57

Co-authored-by: Alessandro100 <18631060+Alessandro100@users.noreply.github.com>
---
 src/app/screens/Feed/Map.styles.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/screens/Feed/Map.styles.ts b/src/app/screens/Feed/Map.styles.ts
index 8e14570d..f0fa59d0 100644
--- a/src/app/screens/Feed/Map.styles.ts
+++ b/src/app/screens/Feed/Map.styles.ts
@@ -29,6 +29,7 @@ export const StyledMapControlPanel = styled(Box, {
     top: 'unset',
     paddingTop: 0,
     margin: theme.spacing(2),
+    zIndex: 'auto',
   },
 }));