From 0ce39e8ac1367dbf40d32dd0ae555ca954a7635d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 12 Jan 2020 20:01:44 +0100
Subject: [PATCH] fix chrome styling

---
 src/components/VolumeSlider.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/VolumeSlider.vue b/src/components/VolumeSlider.vue
index 5f15c9d..1b97ad1 100644
--- a/src/components/VolumeSlider.vue
+++ b/src/components/VolumeSlider.vue
@@ -42,7 +42,9 @@ export default class Channel extends Vue {
 .volume {
     position: relative;
     width: var(--height);
+    min-width: var(--height);
     height: var(--width);
+    min-height: var(--width);
     left: calc(var(--height) / 2 * -1 + var(--width) / 2);
     transform: rotate(270deg);
     margin: 0;
@@ -88,7 +90,7 @@ input[type=range]::-moz-range-track {
 input[type=range]::-webkit-slider-thumb {
     @include range-thumb;
     -webkit-appearance: none;
-    margin-top: -14px;
+    margin-top: -8px;
 }
 
 input[type=range]::-moz-range-thumb {