eflux chrome

1 files changed, 13 insertions, 8 deletions

diff --git a/animism-align/frontend/app/views/viewer/viewer.container.js b/animism-align/frontend/app/views/viewer/viewer.container.js
index af9d12b..7e59881 100644
--- a/animism-align/frontend/app/views/viewer/viewer.container.js
+++ b/animism-align/frontend/app/views/viewer/viewer.container.js
@@ -6,6 +6,7 @@ import { connect } from 'react-redux'
 import './viewer.fonts.css'
 import './viewer.css'
 import './nav/nav.css'
+import './nav/eflux.css'
 import './sections/sections.css'
 import './transcript/transcript.css'
 
@@ -15,6 +16,7 @@ import { Loader } from 'app/common'
 import ViewerNav from './nav/viewer.nav'
 import ViewerSections from './sections/viewer.sections'
 import ViewerRouter from './nav/viewer.router'
+import EfluxChrome from './nav/eflux.chrome'
 import Player from './player/player.container'
 import Transcript from './transcript/transcript.container'
 import Checklist from './checklist/checklist.container'
@@ -62,15 +64,18 @@ class ViewerContainer extends Component {
     if (viewer.nav) className += ' sections-open'
     return (
       <div>
-        <div className={className}>
-          <div className='viewer-container'>
-            <Player />
+        <div className='viewer-parent'>
+          <EfluxChrome />
+          <div className={className}>
+            <div className='viewer-container'>
+              <Player />
+            </div>
+            <ViewerNav />
+            <ViewerSections />
+            <Transcript />
+            <Checklist />
+            <Route exact path='/viewer/:component/' component={ViewerRouter} />
           </div>
-          <ViewerNav />
-          <ViewerSections />
-          <Transcript />
-          <Checklist />
-          <Route exact path='/viewer/:component/' component={ViewerRouter} />
         </div>
       </div>
     )