From c4a566dbff87ef622641d4c48386eed556ccb833 Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Thu, 9 Mar 2023 22:33:15 +1100
Subject: [PATCH] feat: remove need for iOS-specific styling

---
 src/sass/components/volume.scss | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/sass/components/volume.scss b/src/sass/components/volume.scss
index be82f536..fae6fdf7 100644
--- a/src/sass/components/volume.scss
+++ b/src/sass/components/volume.scss
@@ -5,21 +5,19 @@
 .plyr__volume {
   align-items: center;
   display: flex;
-  max-width: 110px;
-  min-width: 80px;
   position: relative;
-  width: 20%;
 
   input[type='range'] {
     margin-left: calc(#{$plyr-control-spacing} / 2);
     margin-right: calc(#{$plyr-control-spacing} / 2);
+    max-width: 90px;
+    min-width: 60px;
     position: relative;
     z-index: 2;
   }
 }
 
-// Auto size on iOS as there's no slider
-.plyr--is-ios .plyr__volume {
-  min-width: 0;
-  width: auto;
+// Set size if there's a slider
+.plyr__volume:has(input[type='range']) {
+  // width: 20%;
 }