more responsive video sizing

1 files changed, 18 insertions, 1 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 263083b..c8c897c 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
@@ -53,10 +53,27 @@
   background-repeat: no-repeat;
   background-position: center center;
 }
+
+/* video */
+
 .viewer-fullscreen .video {
   pointer-events: none;
+  align-items: flex-start;
 }
 
 iframe {
   pointer-events: none;
-}
\ No newline at end of file
+}
+
+.viewer-fullscreen .video > div {
+  pointer-events: none;
+  width: 100%;
+  height: calc(100vh) !important;
+  padding: 0 0 3rem 0
+}
+
+.viewer-fullscreen .video > div div {
+  width: 100%;
+  height: 100%;
+  padding: 0 !important;
+}