divz

4 files changed, 10 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/checklist/checklist.container.js b/animism-align/frontend/app/views/viewer/checklist/checklist.container.js
index 5d35e7c..2e75a70 100644
--- a/animism-align/frontend/app/views/viewer/checklist/checklist.container.js
+++ b/animism-align/frontend/app/views/viewer/checklist/checklist.container.js
@@ -13,6 +13,7 @@ class Checklist extends Component {
     const { } = this.props
     return (
       <div className="checklist">
+        checklist
       </div>
     )
   }
diff --git a/animism-align/frontend/app/views/viewer/viewer.container.js b/animism-align/frontend/app/views/viewer/viewer.container.js
index 779ec93..080925f 100644
--- a/animism-align/frontend/app/views/viewer/viewer.container.js
+++ b/animism-align/frontend/app/views/viewer/viewer.container.js
@@ -11,10 +11,11 @@ import './transcript/transcript.css'
 import actions from 'app/actions'
 import { Loader } from 'app/common'
 
-import Transcript from './transcript/transcript.container'
 import ViewerNav from './nav/viewer.nav'
 import ViewerRouter from './nav/viewer.router'
 import Player from './player/player.container'
+import Transcript from './transcript/transcript.container'
+import Checklist from './checklist/checklist.container'
 
 class ViewerContainer extends Component {
   constructor(props) {
@@ -62,6 +63,7 @@ class ViewerContainer extends Component {
             <ViewerNav />
           </div>
           <Transcript />
+          <Checklist />
           <Route exact path='/viewer/:component/' component={ViewerRouter} />
         </div>
       </div>
diff --git a/animism-align/frontend/app/views/viewer/viewer.css b/animism-align/frontend/app/views/viewer/viewer.css
index d22da10..c7fde64 100644
--- a/animism-align/frontend/app/views/viewer/viewer.css
+++ b/animism-align/frontend/app/views/viewer/viewer.css
@@ -27,6 +27,8 @@
 }
 
 .viewer-container {
+  width: 100%;
+  height: 100%;
   transform: translateZ(0) translateX(0);
   transition: transform 0.2s;
 }
diff --git a/animism-align/frontend/app/views/viewer/viewer.nav.css b/animism-align/frontend/app/views/viewer/viewer.nav.css
index 377a4bb..809f2af 100644
--- a/animism-align/frontend/app/views/viewer/viewer.nav.css
+++ b/animism-align/frontend/app/views/viewer/viewer.nav.css
@@ -1,3 +1,6 @@
 .viewer-nav {
-  
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
 }