From 305850ea637442bb0fb85e5567f0e757d322d89f Mon Sep 17 00:00:00 2001
From: Paul Bienkowski <pb@opatut.de>
Date: Mon, 27 Sep 2021 20:50:56 +0200
Subject: [PATCH] frontend: fix z-order of layers on track page

---
 frontend/src/pages/TrackPage/TrackMap.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/TrackPage/TrackMap.tsx b/frontend/src/pages/TrackPage/TrackMap.tsx
index d7732d6..cc7116c 100644
--- a/frontend/src/pages/TrackPage/TrackMap.tsx
+++ b/frontend/src/pages/TrackPage/TrackMap.tsx
@@ -201,23 +201,25 @@ export default function TrackMap({trackData, show, ...props}: {trackData: TrackD
 
   return (
     <Map {...props}>
-      <Map.BaseLayer />
+      <Map.BaseLayer
+      zIndex={10} />
       <Map.VectorLayer
         visible
         updateWhileAnimating={false}
         updateWhileInteracting={false}
         source={trackVectorSource}
         style={trackLayerStyleWithArrows}
+        zIndex={100}
       />
 
       <Map.GroupLayer title="Tagged Points" visible>
-        <PointLayer features={trackPointsD1} title="Left" visible={show.left} />
-        <PointLayer features={trackPointsD2} title="Right" visible={show.right} />
+        <PointLayer features={trackPointsD1} title="Left" visible={show.left} zIndex={101} />
+        <PointLayer features={trackPointsD2} title="Right" visible={show.right} zIndex={101} />
       </Map.GroupLayer>
 
       <Map.GroupLayer title="Untagged Points" fold="close" visible>
-        <PointLayer features={trackPointsUntaggedD1} title="Left Untagged" visible={show.leftUnconfirmed} />
-        <PointLayer features={trackPointsUntaggedD2} title="Right Untagged" visible={show.rightUnconfirmed} />
+        <PointLayer features={trackPointsUntaggedD1} title="Left Untagged" visible={show.leftUnconfirmed} zIndex={101} />
+        <PointLayer features={trackPointsUntaggedD2} title="Right Untagged" visible={show.rightUnconfirmed} zIndex={101} />
       </Map.GroupLayer>
 
       <Map.View />