From dbdbf78522cae7251b4f296430fbaa7bed1dbd88 Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Tue, 23 May 2023 20:36:04 -0500
Subject: [PATCH] Support ultra low width viewports in search bar & option
 checkboxes

---
 src/components/form/LookupInput.tsx | 38 ++++++++++++++++-------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/components/form/LookupInput.tsx b/src/components/form/LookupInput.tsx
index bd177d5..9a67a4a 100644
--- a/src/components/form/LookupInput.tsx
+++ b/src/components/form/LookupInput.tsx
@@ -53,23 +53,27 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
         </div>
       </div>
       <div className="col p-0">
-        <div className="flex pt-3 pb-1 text-sm">
-          <input
-            className="ml-2 mr-1 text-zinc-800 accent-zinc-700"
-            type="checkbox"
-            {...register("requestJSContact")}
-          />
-          <label className="" htmlFor="requestJSContact">
-            Request JSContact
-          </label>
-          <input
-            className="ml-2 mr-1 bg-zinc-500 text-inherit accent-zinc-700"
-            type="checkbox"
-            {...register("followReferral")}
-          />
-          <label className="" htmlFor="followReferral">
-            Follow referral to registrar&apos;s RDAP record
-          </label>
+        <div className="flex flex-wrap pt-3 pb-1 text-sm">
+          <div className="whitespace-nowrap">
+            <input
+              className="ml-2 mr-1 whitespace-nowrap text-zinc-800 accent-zinc-700"
+              type="checkbox"
+              {...register("requestJSContact")}
+            />
+            <label className="" htmlFor="requestJSContact">
+              Request JSContact
+            </label>
+          </div>
+          <div className="whitespace-nowrap">
+            <input
+              className="ml-2 mr-1 bg-zinc-500 text-inherit accent-zinc-700"
+              type="checkbox"
+              {...register("followReferral")}
+            />
+            <label className="" htmlFor="followReferral">
+              Follow referral to registrar&apos;s RDAP record
+            </label>
+          </div>
         </div>
       </div>
     </form>