From 128a39b0115e01e366701709d7d87cda3875ec90 Mon Sep 17 00:00:00 2001
From: Marco Nelissen <marco.nelissen@gmail.com>
Date: Tue, 4 Jun 2024 10:47:15 -0700
Subject: [PATCH] www: work around some Webkit quirks

---
 teslausb-www/html/index.html | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/teslausb-www/html/index.html b/teslausb-www/html/index.html
index a1b65d1b..90599106 100755
--- a/teslausb-www/html/index.html
+++ b/teslausb-www/html/index.html
@@ -597,7 +597,7 @@
 }
 
 .settingsbutton {
-  width: 100%;
+  width: 22px;
   height: 100%;
   fill: grey;
   stroke: grey;
@@ -606,7 +606,7 @@
 }
 
 .settingsbutton:hover {
-  width: 100%;
+  width: 22px;
   height: 100%;
   fill: black;
   stroke: black;
@@ -1005,6 +1005,7 @@
 }
 
 var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+var isWebkit = navigator.userAgent.toLowerCase().indexOf('applewebkit') > -1;
 
 var DEBUG = false;
 function log(what) {
@@ -2022,7 +2023,7 @@
     this.isplaying = false;
     var b = document.getElementById('playpause');
     b.classList.remove("pause");
-    if (isFirefox) {
+    if (isFirefox || isWebkit) {
       b.firstElementChild.firstChild.setAttribute('d', 'M 8,30 30,18 8,6 z');
     }
   }
@@ -2296,7 +2297,7 @@
     segment.play();
     var b = document.getElementById('playpause');
     b.classList.add("pause");
-    if (isFirefox) {
+    if (isFirefox || isWebkit) {
       b.firstElementChild.firstChild.setAttribute('d', 'M 8,30 14,30 14,6 8,6 z M 24,30 30,30 30,6 24,6 z');
     }
   }
@@ -2307,7 +2308,7 @@
     segment.pause();
     var b = document.getElementById('playpause');
     b.classList.remove("pause");
-    if (isFirefox) {
+    if (isFirefox || isWebkit) {
       b.firstElementChild.firstChild.setAttribute('d', 'M 8,30 30,18 8,6 z');
     }
   }