2 files changed, 7 insertions, 2 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/nav.css b/animism-align/frontend/app/views/viewer/nav/nav.css
index 4a1b8e7..dfbb093 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.css
+++ b/animism-align/frontend/app/views/viewer/nav/nav.css
@@ -99,7 +99,7 @@
   text-overflow: ellipsis;
 }
 .viewer-nav .link.section-link {
-  cursor: crosshair;
+  cursor: pointer;
 }
 .viewer-nav .link.section-link > span {
   align-items: flex-start;
diff --git a/animism-align/frontend/app/views/viewer/nav/nav.parent.js b/animism-align/frontend/app/views/viewer/nav/nav.parent.js
index 3fc2678..467907d 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.parent.js
+++ b/animism-align/frontend/app/views/viewer/nav/nav.parent.js
@@ -24,6 +24,7 @@ class NavParent extends Component {
     this.handleMouseLeaveNext = this.handleMouseLeaveNext.bind(this)
     this.handleNavBarClick = this.handleNavBarClick.bind(this)
     this.handleSectionLinkClick = this.handleSectionLinkClick.bind(this)
+    this.handleSectionLinkTextClick = this.handleSectionLinkTextClick.bind(this)
     this.goToNextSection = this.goToNextSection.bind(this)
   }
   handleMouseEnter(){
@@ -71,6 +72,10 @@ class NavParent extends Component {
     e && e.stopPropagation()
     actions.viewer.toggleComponent('nav')
   }
+  handleSectionLinkTextClick(e) {
+    e && e.stopPropagation()
+    actions.viewer.toggleComponent('nav')
+  }
   handleMouseMove(e) {
     e && e.stopPropagation()
   }
@@ -97,7 +102,7 @@ class NavParent extends Component {
       <div ref={this.navbarRef} className={containerClassName} onMouseMove={this.handleMouseMove} onMouseLeave={this.handleMouseLeave}>
         <div className={navClassName} onClick={this.handleNavBarClick}>
           <div className='nav-section-name' onMouseEnter={this.handleMouseEnter}>
-            <span className="section-link link">
+            <span className="section-link link" onClick={this.handleSectionLinkTextClick}>
               <Arrow type={viewer.nav ? 'down' : 'up'} onClick={this.handleSectionLinkClick} />
               {currentSection && (
                 viewer.mediaTitle