From 8a945fb20053ab946506420dfeec990786681699 Mon Sep 17 00:00:00 2001
From: cracker0dks <rofl256@gmail.com>
Date: Sat, 1 Jun 2019 13:42:40 +0200
Subject: [PATCH] fix slider style for chrome and ff

---
 public/index.html | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/public/index.html b/public/index.html
index 69db05b..cb4df3e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -69,19 +69,22 @@
 			</button>
 		</div>
 
-		<div style="position:relative; width: 190px;  height: 43px; border: 1px solid green;" class="btn-group">
-			<div class="activeToolIcon" style="position:absolute; top:2px; left:2px; font-size: 0.6em;"><i
-					class="fa fa-pencil-alt"></i></div>
-			<img style="position: absolute; left: 11px; top: 16px; height:14px; width:130px;"
-				src="./img/slider-background.svg">
-			<input title="Thickness" id="whiteboardThicknessSlider"
-				style="position: absolute; left:9px; width: 130px; top: 15px;" type="range" min="1" max="50" value="3">
-			<div title="Colorpicker"
-				style="position: absolute; left: 155px; top: 10px; width: 26px; height: 23px; border-radius: 3px; overflow: hidden; border: 1px solid darkgrey;">
-				<div id="whiteboardColorpicker" value="#000000"
-					style="width: 40px; height: 35px; border: 0px; padding: 0px; position: relative; top: 0px; left: -5px;">
+		<div class="btn-group">
+			<button style="width: 190px; cursor:default;">
+				<div class="activeToolIcon" style="position:absolute; top:2px; left:2px; font-size: 0.6em;"><i
+						class="fa fa-pencil-alt"></i></div>
+				<img style="position: absolute; left: 11px; top: 16px; height:14px; width:130px;"
+					src="./img/slider-background.svg">
+				<input title="Thickness" id="whiteboardThicknessSlider"
+					style="position: absolute; left:9px; width: 130px; top: 15px;" type="range" min="1" max="50"
+					value="3">
+				<div title="Colorpicker"
+					style="position: absolute; left: 155px; top: 10px; width: 26px; height: 23px; border-radius: 3px; overflow: hidden; border: 1px solid darkgrey;">
+					<div id="whiteboardColorpicker" value="#000000"
+						style="width: 40px; height: 35px; border: 0px; padding: 0px; position: relative; top: 0px; left: -5px;">
+					</div>
 				</div>
-			</div>
+			</button>
 		</div>
 
 		<div class="btn-group">