From 8da1a7834217fbe09272c0e701bf5b0e7a395c0d Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Sat, 18 Mar 2023 23:51:12 +1100
Subject: [PATCH] feat: minor style tweaks

---
 src/sass/settings/controls.scss | 2 +-
 src/sass/settings/tooltips.scss | 2 +-
 src/sass/types/video.scss       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/sass/settings/controls.scss b/src/sass/settings/controls.scss
index a9862734..1b7f1e9b 100644
--- a/src/sass/settings/controls.scss
+++ b/src/sass/settings/controls.scss
@@ -6,7 +6,7 @@ $plyr-control-icon-size: var(--plyr-control-icon-size, 18px) !default;
 $plyr-control-spacing: var(--plyr-control-spacing, 10px) !default;
 $plyr-control-padding: calc(#{$plyr-control-spacing} * 0.7);
 $plyr-control-padding: var(--plyr-control-padding, $plyr-control-padding) !default;
-$plyr-control-radius: var(--plyr-control-radius, 3px) !default;
+$plyr-control-radius: var(--plyr-control-radius, 4px) !default;
 $plyr-control-toggle-checked-background: var(
   --plyr-control-toggle-checked-background,
   var(--plyr-color-main, $plyr-color-main)
diff --git a/src/sass/settings/tooltips.scss b/src/sass/settings/tooltips.scss
index 785444cf..1da4eb74 100644
--- a/src/sass/settings/tooltips.scss
+++ b/src/sass/settings/tooltips.scss
@@ -2,7 +2,7 @@
 // Tooltips
 // ==========================================================================
 
-$plyr-tooltip-background: var(--plyr-tooltip-background, rgba(#fff, 0.9)) !default;
+$plyr-tooltip-background: var(--plyr-tooltip-background, #fff) !default;
 $plyr-tooltip-color: var(--plyr-tooltip-color, $plyr-color-gray-700) !default;
 $plyr-tooltip-padding: calc(#{$plyr-control-spacing} / 2);
 $plyr-tooltip-padding: var(--plyr-tooltip-padding, $plyr-tooltip-padding) !default;
diff --git a/src/sass/types/video.scss b/src/sass/types/video.scss
index 41ff85d6..338df7b5 100644
--- a/src/sass/types/video.scss
+++ b/src/sass/types/video.scss
@@ -6,7 +6,6 @@
 
 // Container
 .plyr--video {
-  background: var(--plyr-video-background, $plyr-video-background);
   overflow: hidden;
 
   &.plyr--menu-open {
@@ -16,6 +15,7 @@
 
 .plyr__video-wrapper {
   background: var(--plyr-video-background, $plyr-video-background);
+  border-radius: inherit;
   height: 100%;
   margin: auto;
   overflow: hidden;