From 2c9e7859eb48b83c81c10552024cb70dc7b7c5e0 Mon Sep 17 00:00:00 2001
From: Sapna Jha <sapnajha1919@gmail.com>
Date: Sun, 19 Mar 2023 17:55:33 +0530
Subject: [PATCH 1/2] Fixed alignment of form inputs

---
 .../src/components/jobFrom/index.js           |  6 ++---
 .../src/components/jobFrom/styles.js          | 24 +++++++++++++++----
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/themes/customer-service/customer-service-theme/src/components/jobFrom/index.js b/themes/customer-service/customer-service-theme/src/components/jobFrom/index.js
index 6c905435..b88a4030 100644
--- a/themes/customer-service/customer-service-theme/src/components/jobFrom/index.js
+++ b/themes/customer-service/customer-service-theme/src/components/jobFrom/index.js
@@ -66,7 +66,7 @@ const JobForm = () => {
     { key: "Plumbing", value: "Plumbing" },
   ]
   return (
-    <Grid container direction="column" classes={{ root: classes.container }}>
+    <Grid container direction="row" classes={{ root: classes.container }}>
       <Grid item>
         <Typography variant="h5" classes={{ root: classes.headerStyle }}>
           Create Job Posting
@@ -109,8 +109,8 @@ const JobForm = () => {
             onChangeHandler={handleCategoryChange}
             dataList={categoryList}
           />
-          <Grid container direction="row" alignItems="flex-end">
-            <Grid item classes={{ root: classes.space }}>
+          <Grid container direction="column" alignItems="flex">
+            <Grid item classes={{ root: classes.wrapper }}>
               <StyledTextField
                 title="Price Range"
                 placeholder="Min value"
diff --git a/themes/customer-service/customer-service-theme/src/components/jobFrom/styles.js b/themes/customer-service/customer-service-theme/src/components/jobFrom/styles.js
index 1d99cf58..5cab8166 100644
--- a/themes/customer-service/customer-service-theme/src/components/jobFrom/styles.js
+++ b/themes/customer-service/customer-service-theme/src/components/jobFrom/styles.js
@@ -4,9 +4,14 @@ import { makeStyles } from "@material-ui/core/styles"
 const Styles = makeStyles(theme => ({
   container: {
     width: "80%",
+    height: "900px",
+    position: "relative",
+    top:"50px",
     background: "linear-gradient(#8165EA 70%,#FFFFFF)",
     boxShadow: theme.shadows[5],
     borderRadius: 10,
+    justifyContent: "center",
+    // alignItems: "center",
     [theme.breakpoints.up("md")]: {
       margin: "30px 125px",
       padding: "20px 100px",
@@ -18,24 +23,33 @@ const Styles = makeStyles(theme => ({
     },
   },
   headerStyle: {
-    marginBottom: "40px",
+    // marginTop: "10px",
+    textAlign: "center",
+    alignItems: "center",
+    paddingTop: "10px",
+    paddingBottom: "20px",
+    
   },
   wrapper: {
-    paddingLeft: "50px",
+    // paddingLeft: "50px",
   },
   space: {
-    marginRight: "100px",
+    // marginRight: "100px",
+    paddingLeft: "72px"
   },
   btnStyle: {
     borderRadius: 10,
+    marginLeft: "25%",
     backgroundColor: theme.palette.primary.light,
     textTransform: "none",
     "&:hover": { backgroundColor: theme.palette.primary.light },
   },
   bottomWrapper: {
-    marginTop: "50px",
-    marginBottom: "100px",
+    // marginTop: "50px",
+    // marginBottom: "100px",
+    
   },
+  
 }))
 
 export default Styles

From 747106669506fb16ed3346200b1c4490f246634c Mon Sep 17 00:00:00 2001
From: Sapna Jha <sapnajha1919@gmail.com>
Date: Sun, 19 Mar 2023 19:15:16 +0530
Subject: [PATCH 2/2] Fixed alignment of form inputs with UI improvement

---
 .../src/components/jobFrom/styles.js          | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/themes/customer-service/customer-service-theme/src/components/jobFrom/styles.js b/themes/customer-service/customer-service-theme/src/components/jobFrom/styles.js
index 5cab8166..bf4335bb 100644
--- a/themes/customer-service/customer-service-theme/src/components/jobFrom/styles.js
+++ b/themes/customer-service/customer-service-theme/src/components/jobFrom/styles.js
@@ -4,14 +4,16 @@ import { makeStyles } from "@material-ui/core/styles"
 const Styles = makeStyles(theme => ({
   container: {
     width: "80%",
-    height: "900px",
+    height: "calc(120vh - 40px)",
     position: "relative",
-    top:"50px",
+    top: "55px",
+    right: "50px",
     background: "linear-gradient(#8165EA 70%,#FFFFFF)",
     boxShadow: theme.shadows[5],
     borderRadius: 10,
     justifyContent: "center",
-    // alignItems: "center",
+    margin: "auto",
+    alignItems: "center",
     [theme.breakpoints.up("md")]: {
       margin: "30px 125px",
       padding: "20px 100px",
@@ -23,30 +25,30 @@ const Styles = makeStyles(theme => ({
     },
   },
   headerStyle: {
-    // marginTop: "10px",
+    marginTop: "1px",
     textAlign: "center",
     alignItems: "center",
-    paddingTop: "10px",
-    paddingBottom: "20px",
+    paddingTop: "2px",
+    paddingBottom: "10px",
     
   },
   wrapper: {
-    // paddingLeft: "50px",
+    paddingTop: "5px",
   },
   space: {
-    // marginRight: "100px",
     paddingLeft: "72px"
   },
   btnStyle: {
     borderRadius: 10,
     marginLeft: "25%",
+    position: "relative",
+    top:"2px",
     backgroundColor: theme.palette.primary.light,
     textTransform: "none",
     "&:hover": { backgroundColor: theme.palette.primary.light },
   },
   bottomWrapper: {
-    // marginTop: "50px",
-    // marginBottom: "100px",
+  
     
   },