Bug/frontend jaf fixes (#410)

Co-authored-by: Prince Kumar <x.prince.x@outlook.com>

Author: Pranay-Gottimukula

src/app/globals.css

@@ -20,3 +20,9 @@ body {
   color: rgb(var(--foreground-rgb));
   background: rgb(232, 232, 232);
 }
+
+/* Removes square blue outline */
+.ant-select-single .ant-select-selection-search-input:focus {
+  outline: none !important;
+  box-shadow: none !important;
+}

src/components/JAF/JobDetails.tsx

@@ -820,7 +820,7 @@ const JobDetails = ({
                   }}
                   maxLength={FIELD_LIMITS.JOB_TITLE_MAX}
                   showCount
-                  className="rounded-md shadow-sm border-gray-300 text-xs md:text-sm"
+                  className="rounded-md shadow-sm border-gray-300 text-xs md:text-sm h-10"
                 />
               </Form.Item>
             </Col>
@@ -880,7 +880,7 @@ const JobDetails = ({
                   }}
                   maxLength={FIELD_LIMITS.LOCATION_MAX}
                   showCount
-                  className="rounded-md shadow-sm border-gray-300 text-xs md:text-sm"
+                  className="rounded-md shadow-sm border-gray-300 text-xs md:text-sm h-10"
                 />
               </Form.Item>
             </Col>
@@ -909,7 +909,7 @@ const JobDetails = ({
                   }}
                   min={0}
                   max={FIELD_LIMITS.HIRES_MAX}
-                  className="rounded-md shadow-sm border-gray-300 text-xs md:text-sm"
+                  className="rounded-md shadow-sm border-gray-300 text-xs md:text-sm h-10"
                 />
               </Form.Item>
             </Col>
@@ -1020,6 +1020,7 @@ const JobDetails = ({
                 help={getFieldError("skills")}
               >
                 <Select
+                  className="h-10"
                   mode="tags"
                   style={{
                     width: "100%",
@@ -1729,7 +1730,7 @@ const JobDetails = ({
                         </Form.Item>
                       </Col>
                     </Row> */}
-                    <Row gutter={[16, 12]} className="md:gutter-24">
+                    <Row gutter={[16, 12]} className="md:gutter-24 py-5">
                       <Col xs={24} md={12}>
                         <Form.Item
                           label={
@@ -1966,7 +1967,7 @@ const JobDetails = ({
                                 value,
                               );
                             }}
-                            className="rounded-md"
+                            className="rounded-md h-10"
                           />
                         </Form.Item>
                       </Col>
@@ -2829,7 +2830,7 @@ const JobDetails = ({
                             >
                               <Select
                                 placeholder="Select accommodation provision"
-                                className="rounded-md"
+                                className="rounded-md h-10"
                                 options={[
                                   {
                                     value: true,
@@ -2858,7 +2859,7 @@ const JobDetails = ({
                             >
                               <Select
                                 placeholder="Select PPO provision"
-                                className="rounded-md"
+                                className="rounded-md h-10"
                                 options={[
                                   {
                                     value: true,
@@ -3186,6 +3187,7 @@ const JobDetails = ({
                           help={getFieldError(`tests.${index}.type`)}
                         >
                           <Select
+                            className="h-10"
                             placeholder="Select type"
                             options={testType}
                             showSearch
@@ -3345,6 +3347,7 @@ const JobDetails = ({
                           help={getFieldError(`interviews.${index}.type`)}
                         >
                           <Select
+                            className="h-10"
                             placeholder="Select type"
                             options={interviewType}
                             showSearch