From 2db00b795ad18d685316fbeea00047d5ce9017fc Mon Sep 17 00:00:00 2001
From: Kairsten Fay <kairsten.fay@gmail.com>
Date: Wed, 29 Jan 2020 12:44:22 -0800
Subject: [PATCH] fixup! refactor end of narrative styled component

---
 .../narrative/MobileNarrativeDisplay.js       | 29 ++++++++++---------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/components/narrative/MobileNarrativeDisplay.js b/src/components/narrative/MobileNarrativeDisplay.js
index 6dd166b6d..cf93ced32 100644
--- 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>
       </>
     );