fixup! refactor end of narrative styled component

nextstrain · Jan 29, 2020 · 2db00b7 · 2db00b7
1 parent 2084ba9
commit 2db00b7
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/src/components/narrative/MobileNarrativeDisplay.js b/src/components/narrative/MobileNarrativeDisplay.js
@@ -7,7 +7,8 @@ import {
   linkStyles,
   MobileBannerTop,
   MobileBannerBottom,
-  MobileContentContainer
+  MobileContentContainer,
+  EndOfNarrative
 } from "./styles";
 import Tree from "../tree";
 import Map from "../map/map";
@@ -122,18 +123,20 @@ class MobileNarrativeDisplay extends React.Component {
           Previous
         </MobileBannerTop>
         <MobileContentContainer height={contentHeight+bannerHeight}>
-          <h1>End of Narrative</h1>
-          <a style={{...linkStyles, textAlign: "center"}}
-            onClick={() => this._goToPage(0)}
-          >
-            Jump to the beginning
-          </a>
-          <br />
-          <a style={{...linkStyles, textAlign: "center"}}
-            onClick={this.exitNarrativeMode}
-          >
-            Explore the data
-          </a>
+          <EndOfNarrative>
+            <h1>End of Narrative</h1>
+            <a style={{...linkStyles}}
+              onClick={() => this._goToPage(0)}
+            >
+              Jump to the beginning
+            </a>
+            <br />
+            <a style={{...linkStyles}}
+              onClick={this.exitNarrativeMode}
+            >
+              Explore the data
+            </a>
+          </EndOfNarrative>
         </MobileContentContainer>
       </>
     );