From ef00fa77a398c8f70c9d78555cf76d89855ad6ba Mon Sep 17 00:00:00 2001
From: Mickael Kerjean <mickael@kerjean.me>
Date: Tue, 25 Apr 2023 01:05:35 +1000
Subject: [PATCH] fix (players): audio and video players icons for control

---
 client/assets/img/pause.svg              |  5 +++--
 client/assets/img/play.svg               |  2 +-
 client/pages/viewerpage/audioplayer.scss | 15 +++++++++++++++
 client/pages/viewerpage/videoplayer.scss |  9 +++++++++
 4 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/client/assets/img/pause.svg b/client/assets/img/pause.svg
index dd60308d..626641e8 100644
--- a/client/assets/img/pause.svg
+++ b/client/assets/img/pause.svg
@@ -1,3 +1,4 @@
-<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
-  <path style="fill:#6f6f6f;fill-opacity:1;stroke-width:1.06176" d="m 320.29305,81.98884 v 345.78144 c 0,9.34336 7.64456,16.98788 16.98786,16.98788 h 33.97572 c 9.34333,0 16.98786,-7.64452 16.98786,-16.98788 V 81.98884 c 0,-9.343332 -7.64453,-16.987868 -16.98786,-16.987868 h -33.97572 c -9.3433,0 -16.98786,7.644536 -16.98786,16.987868 z m -185.87858,0 v 345.78144 c 0,9.34336 7.64453,16.98788 16.98786,16.98788 h 33.97572 c 9.3433,0 16.98786,-7.64452 16.98786,-16.98788 V 81.98884 c 0,-9.343332 -7.64456,-16.987868 -16.98786,-16.987868 h -33.97572 c -9.34333,0 -16.98786,7.644536 -16.98786,16.987868 z" />
+<svg viewBox="0 0 512 512" fill="#6f6f6f" xmlns="http://www.w3.org/2000/svg">
+  <path d="M 320,81.987868 V 427.76931 c 0,9.34336 7.6446,16.98788 16.9879,16.98788 h 25.9757 c 9.3433,0 16.9878,-7.64452 16.9878,-16.98788 V 81.987868 C 379.9514,72.644536 372.3069,65 362.9636,65 H 336.9879 C 327.6446,65 320,72.644536 320,81.987868 Z" />
+  <path d="M 150,81.987868 V 427.76931 c 0,9.34336 7.64455,16.98788 16.98779,16.98788 h 25.97552 c 9.34324,0 16.98769,-7.64452 16.98769,-16.98788 V 81.987868 C 209.951,72.644536 202.30655,65 192.96331,65 H 166.98779 C 157.64455,65 150,72.644536 150,81.987868 Z" />
 </svg>
diff --git a/client/assets/img/play.svg b/client/assets/img/play.svg
index ae3bea0e..6d08f098 100644
--- a/client/assets/img/play.svg
+++ b/client/assets/img/play.svg
@@ -1,3 +1,3 @@
-<svg viewBox="0 0 24 24" fill="none" stroke="#6f6f6f" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 24 24" fill="none" stroke="#6f6f6f" stroke-width="2.1" xmlns="http://www.w3.org/2000/svg">
   <path d="M 8.9281724,2.5998029 C 8.2216149,2.1532873 7.0721143,2.3920918 7.0718277,3.4001971 l -0.00489,17.2050459 c -2.889e-4,1.015715 1.2121979,1.160372 1.8661307,0.789513 C 23.97574,8.7289856 23.930152,14.104463 8.9281584,2.5998029 Z" />
 </svg>
diff --git a/client/pages/viewerpage/audioplayer.scss b/client/pages/viewerpage/audioplayer.scss
index d5195a0e..e6d8dad7 100644
--- a/client/pages/viewerpage/audioplayer.scss
+++ b/client/pages/viewerpage/audioplayer.scss
@@ -62,12 +62,27 @@ body:not(.dark-mode) .component_audioplayer > .audioplayer_container {
                             background: #6f6f6f;
                             margin-top: -5px;
                         }
+                        &::-moz-range-thumb {
+                            -webkit-appearance: none;
+                            height: 12px;
+                            width: 12px;
+                            border: none;
+                            border-radius: 50%;
+                            background: #6f6f6f;
+                            margin-top: -5px;
+                        }
                         &::-webkit-slider-runnable-track {
                             width: 100%;
                             height: 2px;
                             background-color: #6f6f6f;
                             border-radius: 2px;
                         }
+                        &::-moz-range-track {
+                            width: 100%;
+                            height: 2px;
+                            background-color: #6f6f6f;
+                            border-radius: 2px;
+                        }
                     }
                 }
 
diff --git a/client/pages/viewerpage/videoplayer.scss b/client/pages/viewerpage/videoplayer.scss
index 29fe7bf7..7891008b 100644
--- a/client/pages/viewerpage/videoplayer.scss
+++ b/client/pages/viewerpage/videoplayer.scss
@@ -82,6 +82,15 @@ body:not(.dark-mode) .component_videoplayer {
                         background: white;
                         margin-top: -5px;
                     }
+                    &::-moz-range-thumb {
+                        -webkit-appearance: none;
+                        height: 12px;
+                        width: 12px;
+                        border: none;
+                        border-radius: 50%;
+                        background: white;
+                        margin-top: -5px;
+                    }
                     &::-webkit-slider-runnable-track {
                         width: 100%;
                         height: 2px;