From feec659af75be3c4803bfb07b42bf6639a57f48c Mon Sep 17 00:00:00 2001
From: Julian Weng <julian.weng.us@gmail.com>
Date: Wed, 9 Oct 2024 13:41:19 -0400
Subject: [PATCH] Show numeric input on mobile for ticket ordering amounts,
 don't cut off double-digit numbers

---
 frontend/pages/events/[id].tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/pages/events/[id].tsx b/frontend/pages/events/[id].tsx
index dc7727b84..973b979eb 100644
--- a/frontend/pages/events/[id].tsx
+++ b/frontend/pages/events/[id].tsx
@@ -201,6 +201,7 @@ const GetTicketItem: React.FC<TicketItemProps> = ({
         </p>
         <Input
           type="number"
+          pattern="[0-9]*"
           className="input"
           min={0}
           max={max}
@@ -208,7 +209,7 @@ const GetTicketItem: React.FC<TicketItemProps> = ({
           step={1}
           placeholder="Ticket Count"
           onChange={handleCountChange}
-          style={{ flex: '0 0 auto', maxWidth: '48px' }}
+          style={{ flex: '0 0 auto', maxWidth: '64px' }}
         />
       </div>
     </div>