From 5ccd7279d28a3fd2b1e5fb654c8d919f40a74e9c Mon Sep 17 00:00:00 2001
From: Dennis Thiessen <dennis@thiessen.io>
Date: Mon, 15 Jun 2026 13:18:29 +0200
Subject: [PATCH] drop native number-input spinners app-wide
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The spinner arrows clash with the dark glass UI. One base-layer CSS rule removes
them from every type=number input (admin settings, signals filters, data cleanup,
etc.) — values are typed, and type=number still gives the mobile numeric keypad
and validation.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/src/styles/globals.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/frontend/src/styles/globals.css b/frontend/src/styles/globals.css
index a0e8da5..67d75c8 100644
--- a/frontend/src/styles/globals.css
+++ b/frontend/src/styles/globals.css
@@ -12,6 +12,19 @@
     font-family: 'Bricolage Grotesque', system-ui, sans-serif;
   }
 
+  /* Number inputs: drop the native spinner arrows app-wide — they don't fit the
+     dark glass UI. Values are typed; type=number still gives the numeric keypad
+     on mobile and browser validation. */
+  input[type='number']::-webkit-outer-spin-button,
+  input[type='number']::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  input[type='number'] {
+    -moz-appearance: textfield;
+    appearance: textfield;
+  }
+
   /* Atmosphere: faint graph-paper grid + citron signal glow + film grain */
   #root {
     position: relative;