From def366803021ecf2d80ec7ce555c60cd8edf5700 Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Tue, 14 Jan 2020 22:32:45 +0000
Subject: [PATCH] Fix issues with fixed ratios and 100% height/width

---
 src/sass/base.scss              | 3 ++-
 src/sass/components/video.scss  | 2 ++
 src/sass/states/fullscreen.scss | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/sass/base.scss b/src/sass/base.scss
index 9bb9d98a..71a5010d 100644
--- a/src/sass/base.scss
+++ b/src/sass/base.scss
@@ -5,8 +5,9 @@
 // Base
 .plyr {
     @include plyr-font-smoothing($plyr-font-smoothing);
-
+    align-items: center;
     direction: ltr;
+    display: flex;
     font-family: $plyr-font-family;
     font-variant-numeric: tabular-nums; // Force monosace-esque number widths
     font-weight: $plyr-font-weight-regular;
diff --git a/src/sass/components/video.scss b/src/sass/components/video.scss
index fdcf4f2d..c94e1424 100644
--- a/src/sass/components/video.scss
+++ b/src/sass/components/video.scss
@@ -15,8 +15,10 @@
 .plyr__video-wrapper {
     background: #000;
     border-radius: inherit;
+    margin: auto;
     overflow: hidden;
     position: relative;
+    width: 100%;
     // Require z-index to force border-radius
     z-index: 0;
 }
diff --git a/src/sass/states/fullscreen.scss b/src/sass/states/fullscreen.scss
index 5632a60f..73dffd29 100644
--- a/src/sass/states/fullscreen.scss
+++ b/src/sass/states/fullscreen.scss
@@ -24,8 +24,8 @@
 // Fallback for unsupported browsers
 .plyr--fullscreen-fallback {
     @include plyr-fullscreen-active();
-
     bottom: 0;
+    display: block;
     left: 0;
     position: fixed;
     right: 0;