pulling out section list

1 files changed, 10 insertions, 6 deletions

diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.nav.js b/animism-align/frontend/app/views/viewer/nav/viewer.nav.js
index 4200b03..a0a9a1a 100644
--- a/animism-align/frontend/app/views/viewer/nav/viewer.nav.js
+++ b/animism-align/frontend/app/views/viewer/nav/viewer.nav.js
@@ -16,10 +16,12 @@ class ViewerNav extends Component {
       <div className="viewer-nav">
         <div className='nav-row main-nav'>
           <div>
-            <Arrow type={'up'} />
-            {ROMAN_NUMERALS[0]}
-            {'. '}
-            {'Introduction'}
+            <span className="section-link link">
+              <Arrow type={'up'} />
+              {ROMAN_NUMERALS[0]}
+              {'. '}
+              {'Introduction'}
+            </span>
           </div>
           <div>
             <PlayButton />
@@ -27,8 +29,10 @@ class ViewerNav extends Component {
             <VolumeControl />
           </div>
           <div>
-            Next
-            <Arrow type={'right'} />
+            <span className="next-link link">
+              Next
+              <Arrow type={'right'} />
+            </span>
           </div>
         </div>
       </div>