made assign job btn name same as what is in mobile app

src/components/jobPopout/NewJobListPopout.jsx

@@ -252,7 +252,7 @@ function NewJobListPopout({
     ];
 
     return (
-      <div className="px-4 pb-3 w-full md:border-r-2 flex flex-col justify-between">
+      <div className="px-4 pb-3 w-full h-full md:border-r-2 flex flex-col justify-between">
         {/* <p className='text-lg font-semibold text-slate-900 tracking-wide'>{details.title}</p> */}
 
         {/* INPUT SECTION */}
@@ -320,7 +320,7 @@ function NewJobListPopout({
           <>
             {/* ACTION SECTION */}
             {+taskWalletSelector.amount > +details.price ? (
-              <div className="px-4 pb-3 w-full flex flex-col justify-between">
+              <div className="px-4 pb-3 w-full flex flex-col justify-between h-auto md:min-h-[450px]">
                 <h1 className="text-lg mt-3 font-medium tracking-wide text-black dark:text-white">
                   Send this Task to:
                 </h1>
@@ -344,11 +344,11 @@ function NewJobListPopout({
                         {selectedTab == 'family' ?
                             'Assign to family'
                             : selectedTab == 'public' ?
-                            'Offer this job to public'
+                            'Place in Market'
                             : selectedTab == 'individual' ?
-                            'Offer this job to individual'
+                            'Assign to individual'
                             : selectedTab == 'group' ?
-                            'Offer this job to your Group'
+                            'Preferred List'
                             :
                             null
                         }

src/components/jobPopout/popoutcomponent/AssignToFamily.jsx

@@ -28,7 +28,7 @@ export default function AssignToFamily({
   >
     {(props) => {
       return (
-        <Form className="w-full">
+        <Form className="w-full h-auto md:h-full flex flex-col justify-between">
           <div className='w-full'>
               <div className='hidden w-full'>
                 <JobFieldInput
@@ -48,7 +48,7 @@ export default function AssignToFamily({
           </div>
           <div className="mt-3 mb-1 flex justify-end items-center">
             <button
-              className={`px-4 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white`}
+              className={`uppercase px-4 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white`}
               type="submit"
               name='family'
             >

src/components/jobPopout/popoutcomponent/AssignToGroup.jsx

@@ -28,7 +28,7 @@ export default function AssignToGroup({
   >
     {(props) => {
       return (
-        <Form className="w-full">
+        <Form className="w-full h-auto md:h-full flex flex-col justify-between">
           <div className='w-full'>
               <div className='w-full'>
                 <JobFieldInput
@@ -48,14 +48,14 @@ export default function AssignToGroup({
           </div>
           <div className="mt-3 mb-1 flex justify-end items-center">
             <button
-              className={`px-4 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white`}
+              className={`uppercase px-4 h-11 flex justify-center items-center btn-gradient text-sm rounded-full text-white`}
               type="submit"
               name='group'
             >
               {loader?.jobFields ? 
                 <LoadingSpinner size={5} /> 
                 :
-                'Send Order to Group'
+                'Send Task to Group'
               }
             </button>
           </div>

src/components/jobPopout/popoutcomponent/AssignToIndividual.jsx

@@ -32,7 +32,7 @@ export default function AssignToIndividual({
   >
     {(props) => {
       return (
-        <Form className="w-full">
+        <Form className="w-full h-auto md:h-full flex flex-col justify-between">
           <div className='w-full'>
               <div className='w-full'>
                 <JobFieldInput
@@ -41,7 +41,8 @@ export default function AssignToIndividual({
                     value={props?.values.individual}
                     placeholder="Enter email of individual"
                     inputHandler={props?.handleChange}
-                    parentClass="w-full flex flex-col gap-4"
+                    parentClass="w-full"
+                    labelClass="mb-0"
                 />
                 <p className="h-4 text-[13px] font-light italic text-red-600 tracking-wide">
                   {(props.errors.individual && props.touched.individual) && (
@@ -52,7 +53,7 @@ export default function AssignToIndividual({
           </div>
           <div className="mt-3 mb-1 flex justify-end items-center">
             <button
-              className={`px-4 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white`}
+              className={`uppercase px-4 h-11 flex justify-center items-center btn-gradient text-sm rounded-full text-white`}
               type="submit"
               name='individual'
             >

src/components/jobPopout/popoutcomponent/AssignToPublic.jsx

@@ -15,8 +15,8 @@ const validationSchema = Yup.object().shape({
 
 let initialValues = {
     public: "",
-    depend_uid: '',
+    depend_uid: "",
-    timeline: ''
+    timeline: "0"
 };
 
 export default function AssignToPublic({
@@ -36,7 +36,7 @@ export default function AssignToPublic({
   >
     {(props) => {
       return (
-        <Form className="w-full">
+        <Form className="w-full h-auto md:h-full flex flex-col justify-between">
             <div className='w-full'>
                 <div className='mb-3 w-full flex flex-col xxs:flex-row items-center gap-1'>
                   <label className='w-full xxs:max-w-[120px] xxs:text-right'>Depends on:</label>
@@ -102,14 +102,14 @@ export default function AssignToPublic({
             </div>
           <div className="mt-3 mb-1 flex justify-end items-center">
             <button
-              className={`px-4 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white`}
+              className={`uppercase px-4 h-11 flex justify-center items-center btn-gradient text-sm rounded-full text-white`}
               type="submit"
               name='public'
             >
               {loader?.jobFields ? 
                 <LoadingSpinner size={5} /> 
                 :
-                'Show Task to Public'
+                'Place Task to the Market'
               }
             </button>
           </div>

src/components/jobPopout/popoutcomponent/JobFieldInput.jsx

@@ -36,7 +36,9 @@ export default function JobFieldInput({
                 {(inputName == "family" || inputName == "public" || inputName == "timeline") &&
                   Array.isArray(data) && (
                     <>
+                    {inputName != "timeline" &&
                       <option value="">{optionText}</option>
+                    }
                       {data?.map((item, idx) => (
                         <React.Fragment key={idx}>
                           {inputName === "family" &&
@@ -98,6 +100,7 @@ export default function JobFieldInput({
           inputBg="bg-white"
           parentClass={`${parentClass}`}
           disable={disabled}
+          labelClass={labelClass}
         />
       )}
     </div>