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;