From c64d372193f99fcd2d4b7f936f92049521f0a18b Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 19 Mar 2024 14:33:42 +0100
Subject: [PATCH] assign job rounded select tag

---
 .../FamilyAcc/FamilyPopout/AssignTaskPopout.jsx           | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/FamilyAcc/FamilyPopout/AssignTaskPopout.jsx b/src/components/FamilyAcc/FamilyPopout/AssignTaskPopout.jsx
index 58b5f82..3b0a478 100644
--- a/src/components/FamilyAcc/FamilyPopout/AssignTaskPopout.jsx
+++ b/src/components/FamilyAcc/FamilyPopout/AssignTaskPopout.jsx
@@ -242,17 +242,17 @@ const AssignTaskPopout = ({
               ) : familyDetailsData ? (
                 ` Assign ${familyDetailsData.firstname}'s Task`
               ) : (
-                <div className="flex items-center">
+                <div className="flex items-center gap-2">
                   <span className="text-black">Assign task to{" "}</span>
-                  <div className="w-[270px] h-[40px] ml-2">
+                  <div className="w-[270px] h-[40px] flex items-center relative after:absolute after:content-['▼'] active:after:rotate-180 after:transition-all after:duration-300 after:z-20 after:right-2 after:top-1/2 after:-translate-y-1/2 after:text-white after:text-lg">
                     <select
                       name=""
                       id=""
-                      className="text-white px-2 transition-all cursor-pointer bg-blue-900 focus:outline-none border border-gray-200 rounded-lg w-full h-full py-1"
+                      className="relative z-10 appearance-none text-lg text-white px-2 tracking-wide font-semibold transition-all cursor-pointer bg-blue-900 focus:outline-none border border-gray-200 rounded-full w-full h-full"
                       onChange={handleFamChange}
                       value={selectedFamilyUid}
                     >
-                      <option value="">
+                      <option value="" className="">
                         Select a kid
                       </option>
                       {familyList}