narratives: Change mobile banners from div to nav

Change the HTML element used for the top and bottom banners on mobile narratives view from `div`s to the more appropriate `nav` elements.
nextstrain · Jan 30, 2020 · 19e9387 · 19e9387
1 parent 1ef55d1
commit 19e9387
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/narrative/styles.js b/src/components/narrative/styles.js
@@ -168,13 +168,13 @@ export const EndOfNarrative = styled.div`
   grid-row-gap: 10px;
 `;
 
-export const MobileBannerTop = styled.div`
+export const MobileBannerTop = styled.nav`
   ${baseBannerStyles}
   top: 0;
   height: ${(props) => props.height}px;
   background-color: #E67F2C;
 `;
-export const MobileBannerBottom = styled.div`
+export const MobileBannerBottom = styled.nav`
   ${baseBannerStyles}
   bottom: 0;
   height: ${(props) => props.height}px;