passing item state down into carousel component

1 files changed, 6 insertions, 15 deletions

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 61f5122..36e4a76 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: 66.6%;
+  width: 33.3%;
   height: 3rem;
   font-size: 18px;
   color: white;
@@ -96,20 +96,11 @@ iframe {
   display: flex;
   justify-content: flex-start;
   align-items: center;
-  width: 50%;
+  width: 100%;
   background: black;
   padding-left: 1rem;
-}
-.fullscreen-element.video .video-nav .video-playback {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  width: 50%;
-  background: black;
-}
-.fullscreen-element.video .video-nav .video-next {
-  width: 33%;
-  pointer-events: none;
-  background: transparent;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
 }