From 52e80db8d5e05424bc1ad648304df3167a982340 Mon Sep 17 00:00:00 2001
From: Luciano Iam <lucianito@gmail.com>
Date: Sun, 19 Jul 2020 23:32:46 +0200
Subject: [PATCH] WS: improve pan knob appearance in mixer demo

---
 .../builtin/mixer/ardour-toolkit-theme/css/knob.css         | 4 ++--
 share/web_surfaces/builtin/mixer/js/tkwidget.js             | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/share/web_surfaces/builtin/mixer/ardour-toolkit-theme/css/knob.css b/share/web_surfaces/builtin/mixer/ardour-toolkit-theme/css/knob.css
index 724e31663a..976c1c1f92 100644
--- a/share/web_surfaces/builtin/mixer/ardour-toolkit-theme/css/knob.css
+++ b/share/web_surfaces/builtin/mixer/ardour-toolkit-theme/css/knob.css
@@ -28,14 +28,14 @@
     height: 100%;
 }
 .toolkit-knob > svg > .toolkit-circular > .toolkit-hand {
-    fill: #002a42;
+    fill: #487c92;
 }
 
 .toolkit-knob > svg > .toolkit-circular > .toolkit-base {
     
 }
 .toolkit-knob > svg > .toolkit-circular > .toolkit-value {
-    fill: #487c92;
+    /*fill: #487c92;*/
 }
 .toolkit-knob > svg > .toolkit-circular > .toolkit-dots > .toolkit-dot {
     fill: #002f42;
diff --git a/share/web_surfaces/builtin/mixer/js/tkwidget.js b/share/web_surfaces/builtin/mixer/js/tkwidget.js
index 18e855caaf..702255fb8f 100644
--- a/share/web_surfaces/builtin/mixer/js/tkwidget.js
+++ b/share/web_surfaces/builtin/mixer/js/tkwidget.js
@@ -177,7 +177,11 @@ export class PanKnob extends Knob {
             //scale: 'linear',
             scale: (k) => 1.0 - k,
             min: 0,
-            max: 1.0
+            max: 1.0,
+            hand: {
+                width: 5,
+                length: 15
+            }
         });
     }