arrows and tmp volume icon

1 files changed, 4 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/viewer.container.js b/animism-align/frontend/app/views/viewer/viewer.container.js
index 080925f..b5d9721 100644
--- a/animism-align/frontend/app/views/viewer/viewer.container.js
+++ b/animism-align/frontend/app/views/viewer/viewer.container.js
@@ -55,13 +55,15 @@ class ViewerContainer extends Component {
     if (!loaded) {
       return <div className='viewer loading'><Loader /></div>
     }
+    let className = 'viewer-container'
+    if (viewer.transcript) className += 'transcript-open'
     return (
       <div>
         <div className='viewer'>
-          <div className={viewer.transcript ? 'viewer-container transcript-open' : 'viewer-container'}>
+          <div className={className}>
             <Player />
-            <ViewerNav />
           </div>
+          <ViewerNav />
           <Transcript />
           <Checklist />
           <Route exact path='/viewer/:component/' component={ViewerRouter} />