From 181a0f171d178d47936a43f2ac5c2ae6891e3022 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Fri, 23 Jun 2023 20:43:22 +0200
Subject: [PATCH] [web] Make slider handle bigger on mobile devices

The handle of sliders - volume and progress - is now better reachable on mobile devices
---
 web-src/src/mystyles.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web-src/src/mystyles.scss b/web-src/src/mystyles.scss
index 91d77073..4cc5cd0f 100644
--- a/web-src/src/mystyles.scss
+++ b/web-src/src/mystyles.scss
@@ -285,6 +285,9 @@ hr.fd-navbar-divider {
 input[type='range'].slider {
   --sh: 0.5rem;
   --th: calc(var(--sh) * 1.75);
+  @include mobile {
+    --th: calc(var(--sh) * 2.5);
+  }
   --sx: calc(var(--th) / 2 + (var(--ratio) * (100% - var(--th))));
   -webkit-appearance: none;
   min-width: 250px;