From 3e21193f64b35405b4d88c5cad82a9476bbd03d8 Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Thu, 9 May 2024 02:32:20 -0500
Subject: [PATCH] Improve text sizing/width for dropdown on mobile/smaller
 viewports

---
 src/components/form/LookupInput.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/form/LookupInput.tsx b/src/components/form/LookupInput.tsx
index a2998aa..0e4d2d1 100644
--- a/src/components/form/LookupInput.tsx
+++ b/src/components/form/LookupInput.tsx
@@ -121,7 +121,7 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
               <Listbox.Button
                 className={clsx(
                   "relative h-full w-full cursor-default rounded-r-lg bg-zinc-700 py-2 pl-3 pr-10",
-                  "text-left focus:outline-none focus-visible:border-indigo-500 sm:text-sm",
+                  "text-left focus:outline-none focus-visible:border-indigo-500 sm:text-sm text-xs md:text-base lg:text-lg",
                   "focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-orange-300 "
                 )}
               >
@@ -163,7 +163,7 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
                         <>
                           <span
                             className={clsx(
-                              "block",
+                              "block text-xs md:text-sm lg:text-base",
                               selected ? "font-medium" : null
                             )}
                           >