2 files changed, 9 insertions, 6 deletions
diff --git a/animism-align/frontend/app/views/viewer/sections/sections.css b/animism-align/frontend/app/views/viewer/sections/sections.css
index a60a063..4858d7a 100644
--- a/animism-align/frontend/app/views/viewer/sections/sections.css
+++ b/animism-align/frontend/app/views/viewer/sections/sections.css
@@ -19,6 +19,9 @@
   transform: translateZ(0) translateY(calc(3rem - 100vh));
   z-index: 20;
 }
+.sections-nav {
+  z-index: 22;
+}
 
 /* scrolling part */
 
@@ -29,6 +32,9 @@
   overflow-x: scroll;
   overflow-y: hidden;
 }
+.checklist-open .viewer-sections .viewer-sections-scroll {
+  overflow-x: hidden;
+}
 .viewer-sections-scroll::-webkit-scrollbar {
   cursor: pointer;
   user-select: none;
diff --git a/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js b/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js
index 19eb385..5a2971b 100644
--- a/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js
+++ b/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js
@@ -12,8 +12,8 @@ class ViewerSectionsNav extends Component {
       <div className="viewer-nav sections-nav">
         <div className='nav-row'>
           <div>
-            <span className="share-link link">
-              <Arrow type={'up'} />
+            <span className="share-link link" onClick={() => actions.viewer.toggleComponent('share')}>
+              <Arrow type={viewer.checklist ? 'down' : 'up'} />
               {'Share'}
             </span>
           </div>
@@ -24,10 +24,7 @@ class ViewerSectionsNav extends Component {
             </span>
           </div>
           <div>
-            <span className="transcript-link link" onClick={() => {
-              actions.viewer.hideComponent('checklist')
-              actions.viewer.toggleComponent('transcript')
-            }}>
+            <span className="transcript-link link" onClick={() => actions.viewer.openTranscript()}>
               {'Transcript'}
             </span>
           </div>