mouse stuff

6 files changed, 8 insertions, 8 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 ea7a7ee..4310017 100644
--- a/animism-align/frontend/app/views/viewer/nav/viewer.nav.js
+++ b/animism-align/frontend/app/views/viewer/nav/viewer.nav.js
@@ -16,8 +16,8 @@ class ViewerNav extends Component {
       <div className="viewer-nav">
         <div className='nav-row main-nav'>
           <div>
-            <span className="section-link link" onClick={() => actions.viewer.toggleSection('sectionsNav')}>
-              <Arrow type={viewer.sectionsNav ? 'down' : 'up'} />
+            <span className="section-link link" onClick={() => actions.viewer.toggleSection('nav')}>
+              <Arrow type={viewer.nav ? 'down' : 'up'} />
               {ROMAN_NUMERALS[0]}
               {'. '}
               {'Introduction'}
diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.router.js b/animism-align/frontend/app/views/viewer/nav/viewer.router.js
index b4aeb2e..e352af5 100644
--- a/animism-align/frontend/app/views/viewer/nav/viewer.router.js
+++ b/animism-align/frontend/app/views/viewer/nav/viewer.router.js
@@ -14,8 +14,8 @@ class ViewerRouter extends Component {
       case 'transcript':
         actions.viewer.showSection('transcript')
         break
-      case 'sections':
-        actions.viewer.showSection('sectionsNav')
+      case 'nav':
+        actions.viewer.showSection('nav')
         break
       case 'checklist':
         actions.viewer.showSection('checklist')
diff --git a/animism-align/frontend/app/views/viewer/sections/sections.css b/animism-align/frontend/app/views/viewer/sections/sections.css
index 334e28b..d7e963a 100644
--- a/animism-align/frontend/app/views/viewer/sections/sections.css
+++ b/animism-align/frontend/app/views/viewer/sections/sections.css
@@ -21,6 +21,7 @@
   width: 12rem;
   margin: 1rem 0 1rem 1rem;
   font-size: 16px;
+  cursor: pointer;
 }
 .viewer-section > div {
   height: 20rem;
@@ -35,6 +36,6 @@
   background-position: center center;
 }
 .viewer-sections .section-media {
-  margin-top: 1rem;
+  margin-top: 0.75rem;
   font-size: 12px;
 }
diff --git a/animism-align/frontend/app/views/viewer/sections/viewer.sections.js b/animism-align/frontend/app/views/viewer/sections/viewer.sections.js
index 268b6d9..f4089e2 100644
--- a/animism-align/frontend/app/views/viewer/sections/viewer.sections.js
+++ b/animism-align/frontend/app/views/viewer/sections/viewer.sections.js
@@ -13,7 +13,7 @@ class ViewerSections extends Component {
   
   handleSectionSelection(section) {
     actions.audio.seek(section.start_ts)
-    actions.viewer.hideSection('sections')
+    actions.viewer.hideSection('nav')
   }
 
   render() {
diff --git a/animism-align/frontend/app/views/viewer/viewer.container.js b/animism-align/frontend/app/views/viewer/viewer.container.js
index 3a6c707..af9d12b 100644
--- a/animism-align/frontend/app/views/viewer/viewer.container.js
+++ b/animism-align/frontend/app/views/viewer/viewer.container.js
@@ -59,7 +59,7 @@ class ViewerContainer extends Component {
     }
     let className = 'viewer'
     if (viewer.transcript) className += ' transcript-open'
-    if (viewer.sectionsNav) className += ' sections-open'
+    if (viewer.nav) className += ' sections-open'
     return (
       <div>
         <div className={className}>
diff --git a/animism-align/frontend/app/views/viewer/viewer.reducer.js b/animism-align/frontend/app/views/viewer/viewer.reducer.js
index 949ec45..5a940d6 100644
--- a/animism-align/frontend/app/views/viewer/viewer.reducer.js
+++ b/animism-align/frontend/app/views/viewer/viewer.reducer.js
@@ -4,7 +4,6 @@ const initialState = {
   transcript: false,
   checklist: false,
   nav: false,
-  sectionsNav: false,
   sections: { loading: true },
   options: {
   }