Replaced the default number input arrow buttons with own ones to better support touch input (references #44)

public/css/grocy.css

@@ -67,6 +67,15 @@ a.discrete-link:focus {
     color: inherit;
 }
 
+/* Hide the default up/down arrow buttons for number inputs because we use our own buttons in numberpicker */
+input[type='number'] {
+	-moz-appearance: textfield;
+}
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+	-webkit-appearance: none;
+}
+
 /* Navigation style customizations */
 #mainNav {
 	background-color: #e5e5e5 !important;

public/viewjs/components/numberpicker.js

@@ -0,0 +1,13 @@
+$(".numberpicker-down-button").unbind('click').on("click", function ()
+{
+	var inputElement = $(this).parent().parent().find('input[type="number"]')[0];
+	inputElement.stepDown();
+	$(inputElement).trigger('change');
+});
+
+$(".numberpicker-up-button").unbind('click').on("click", function()
+{
+	var inputElement = $(this).parent().parent().find('input[type="number"]')[0];
+	inputElement.stepUp();
+	$(inputElement).trigger('change');
+});