From b93d016a778e71912c6801164bc8ed36af1f0a74 Mon Sep 17 00:00:00 2001
From: Maciej Ziarkowski <maciej.ziarkowski@gmail.com>
Date: Thu, 11 Mar 2021 19:10:26 +0000
Subject: [PATCH] Only show number input arrows in Firefox on hover

---
 app/src/frontend/styles/forms.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/app/src/frontend/styles/forms.css b/app/src/frontend/styles/forms.css
index d8916c50..d601573e 100644
--- a/app/src/frontend/styles/forms.css
+++ b/app/src/frontend/styles/forms.css
@@ -12,6 +12,15 @@ input[type="email"] {
 input[type="number"] {
     padding-right: 0.25rem;
 }
+
+/* Only show number input controls on hover in Firefox */
+input[type="number"] {
+    -moz-appearance: textfield;
+}
+input[type="number"]:hover:not(:disabled) {
+    -moz-appearance: unset;
+}
+
 form .alert {
     margin: 0.5rem 0;
 }