From 8aa808b28bb220103466644e82af75d8fd5d563a Mon Sep 17 00:00:00 2001
From: Joseph Garnett <117537560+joe-garnett@users.noreply.github.com>
Date: Mon, 28 Jul 2025 12:11:58 +0300
Subject: [PATCH] fix makes magnifying glass stick relative to search box on
 Safari. Fixes #82

---
 client/src/app/(authorized)/volunteer/(volunteer)/preset.tsx | 2 +-
 client/src/app/(authorized)/volunteer/admin/admin-page.tsx   | 2 +-
 client/src/app/(authorized)/volunteer/quests/page.tsx        | 2 +-
 client/src/app/(authorized)/volunteer/teams/teams-page.tsx   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/app/(authorized)/volunteer/(volunteer)/preset.tsx b/client/src/app/(authorized)/volunteer/(volunteer)/preset.tsx
index 7a455602..533fc716 100644
--- a/client/src/app/(authorized)/volunteer/(volunteer)/preset.tsx
+++ b/client/src/app/(authorized)/volunteer/(volunteer)/preset.tsx
@@ -41,7 +41,7 @@ export default function Preset({ displayQR }: { displayQR: (id: number) => void
 
   return (
     <>
-      <div className="dh-box p-4 mb-6 flex flex-row items-center">
+      <div className="dh-box p-4 mb-6 relative flex flex-row items-center">
         <input
           type="text"
           className="dh-input w-full pl-10"
diff --git a/client/src/app/(authorized)/volunteer/admin/admin-page.tsx b/client/src/app/(authorized)/volunteer/admin/admin-page.tsx
index beac0044..5b18630f 100644
--- a/client/src/app/(authorized)/volunteer/admin/admin-page.tsx
+++ b/client/src/app/(authorized)/volunteer/admin/admin-page.tsx
@@ -100,7 +100,7 @@ export function AdminPage() {
     <>
       <div className="flex flex-col h-full">
         <div className="dh-box p-4">
-          <div className="flex flex-row items-center">
+          <div className="flex flex-row relative items-center">
             <input
               type="text"
               className="dh-input w-full pl-10"
diff --git a/client/src/app/(authorized)/volunteer/quests/page.tsx b/client/src/app/(authorized)/volunteer/quests/page.tsx
index 1fcbeaa7..97f18afe 100644
--- a/client/src/app/(authorized)/volunteer/quests/page.tsx
+++ b/client/src/app/(authorized)/volunteer/quests/page.tsx
@@ -59,7 +59,7 @@ export default function Quests() {
             New Challenge
           </button>
         </div>
-        <div className="flex flex-row items-center dh-box p-4 mb-4">
+        <div className="flex flex-row relative items-center dh-box p-4 mb-4">
           <input
             type="text"
             className="dh-input w-full pl-10"
diff --git a/client/src/app/(authorized)/volunteer/teams/teams-page.tsx b/client/src/app/(authorized)/volunteer/teams/teams-page.tsx
index a8b2ea2d..552e05f7 100644
--- a/client/src/app/(authorized)/volunteer/teams/teams-page.tsx
+++ b/client/src/app/(authorized)/volunteer/teams/teams-page.tsx
@@ -106,7 +106,7 @@ export function TeamsPage() {
     <>
       <div className="flex flex-col h-full">
         <div className="dh-box p-4">
-          <div className="flex flex-row items-center">
+          <div className="flex flex-row relative items-center">
             <input
               type="text"
               className="dh-input w-full pl-10"