Fix OSM link (#142)

aeharding · Oct 30, 2023 · 6420e8d · 6420e8d
1 parent 14dcbd4
commit 6420e8d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/features/rap/extra/reportMetadata/ReportMetadata.tsx b/src/features/rap/extra/reportMetadata/ReportMetadata.tsx
@@ -54,6 +54,12 @@ const StyledDataList = styled(DataList)`
   margin: 2rem 1rem 1rem;
 `;
 
+const LegendContainer = styled.div`
+  position: relative;
+  z-index: 1;
+  background: var(--bg-bottom-sheet);
+`;
+
 export default function ReportMetadata() {
   const aviationWeather = useAppSelector(
     (state) => state.weather.aviationWeather
@@ -86,11 +92,7 @@ export default function ReportMetadata() {
         </StyledMapContainer>
       </Parallax>
 
-      <div
-        css={css`
-          background: var(--bg-bottom-sheet);
-        `}
-      >
+      <LegendContainer>
         <Legend
           showTaf={!!(aviationWeather && typeof aviationWeather === "object")}
           showNws={
@@ -104,7 +106,7 @@ export default function ReportMetadata() {
 
           <PointInfo />
         </StyledDataList>
-      </div>
+      </LegendContainer>
     </Container>
   );
 }

diff --git a/src/shared/Parallax.tsx b/src/shared/Parallax.tsx
@@ -9,7 +9,6 @@ interface ParallaxProps {
 
 const Container = styled.div`
   position: relative;
-  z-index: -1;
 `;
 
 export default function Parallax({ speed = 0.5, children }: ParallaxProps) {