From 1dd40d05841946d95b66a6e01ccd1e1d3c814dfa Mon Sep 17 00:00:00 2001
From: gbrochar <gaetanbrochard@protonmail.com>
Date: Sat, 28 Nov 2020 16:14:59 +0100
Subject: [PATCH] better html inputs

---
 public/css/style.css | 12 ++++++++++++
 views/index.ejs      | 12 ++++++------
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index 971173d..61c89ec 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -12,6 +12,18 @@ body {
 	width: 100%;
 }
 
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+input[type=number] {
+  -moz-appearance: textfield;
+}
+
 #glCanvas {
 	display: inline-block;
 	max-width: 100%;
diff --git a/views/index.ejs b/views/index.ejs
index 3034c64..1696e89 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -72,20 +72,20 @@
 				<div class='ui-block'>
 					<div style='display: inline;'>Change scale: </div>
 					<div style='display: inline;'>X: </div>
-					<input type="number" value="1" id="scalex">
+					<input type="number" value="1" min="0" step='0.00001' id="scalex">
 					<div style='display: inline;'>Y: </div>
-					<input type="number" value="1" id="scaley">
+					<input type="number" value="1" min="0" step='0.00001' id="scaley">
 					<div style='display: inline;'>Z: </div>
-					<input type="number" value="1" id="scalez">
+					<input type="number" value="1" min="0" step='0.00001' id="scalez">
 				</div>
 				<div class='ui-block'>
 					<div style='display: inline;'>Translate: </div>
 					<div style='display: inline;'>X: </div>
-					<input type="number" value="0" id="posx">
+					<input type="number" value="0" step='0.00001' id="posx">
 					<div style='display: inline;'>Y: </div>
-					<input type="number" value="0" id="posy">
+					<input type="number" value="0" step='0.00001' id="posy">
 					<div style='display: inline;'>Z: </div>
-					<input type="number" value="0" id="posz">
+					<input type="number" value="0" step='0.00001' id="posz">
 				</div>
 				<div class='ui-block'>
 					<div style='display: inline;'>Change object: </div>