adjust video nav so next button still clickable

2 files changed, 4 insertions, 5 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
index c4bd4e4..1d7d055 100644
--- a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
+++ b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
@@ -48,6 +48,7 @@ class FullscreenVideo extends Component {
         <div className='vimeoPlayer'>
           <VimeoPlayer
             video={item.url}
+            paused={!playing}
             autoplay={true}
             muted={true}
             responsive={true}
@@ -68,8 +69,6 @@ class FullscreenVideo extends Component {
             <PlayerTime play_ts={seconds} duration={duration} />
             <VolumeControl volume={volume} />
           </div>
-          <div className='video-next'>
-          </div>
         </div>
       </div>
     )
diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
index d1ca5e7..1aad149 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
@@ -82,7 +82,7 @@ iframe {
   position: absolute;
   bottom: 0;
   left: 0;
-  width: 100%;
+  width: 66%;
   height: 3rem;
   font-size: 18px;
   color: white;
@@ -96,7 +96,7 @@ iframe {
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  width: 33%;
+  width: 50%;
   background: black;
   padding-left: 1rem;
 }
@@ -105,7 +105,7 @@ iframe {
   justify-content: center;
   align-items: center;
   text-align: center;
-  width: 33%;
+  width: 50%;
   background: black;
 }
 .fullscreen-element.video .video-nav .video-next {