From 28bdef87320412776ff0db071f8ab89a51834cac Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 23 Jul 2020 19:18:31 +0200
Subject: arrows and tmp volume icon

---
 animism-align/frontend/app/views/viewer/viewer.container.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/viewer.container.js')

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} />
-- 
cgit v1.2.3-70-g09d2