From 58298c4159dd6cfccc05947498ab45733553b6f2 Mon Sep 17 00:00:00 2001
From: dhruv <dhruv18ranjan@gmail.com>
Date: Sat, 18 Mar 2023 23:37:55 +0530
Subject: [PATCH] =?UTF-8?q?=1B[200~Fixed=20Alignement=20and=20hover=20effe?=
 =?UTF-8?q?ct=20on=20complaint=20form=20component=20on=20customer=20servic?=
 =?UTF-8?q?e=20theme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/complain/index.js            | 17 ++++++++++++-----
 .../src/components/complain/styles.js           |  5 +++--
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/themes/customer-service/customer-service-theme/src/components/complain/index.js b/themes/customer-service/customer-service-theme/src/components/complain/index.js
index 6281d91a..39284b1f 100644
--- a/themes/customer-service/customer-service-theme/src/components/complain/index.js
+++ b/themes/customer-service/customer-service-theme/src/components/complain/index.js
@@ -23,8 +23,9 @@ const Complain = () => {
       <Grid
         item
         container
+        alignItems="center"
         direction="row"
-        justifyContent="space-between"
+        justifyContent="center"
         classes={{ root: classes.wrapper }}
       >
         <Grid item>
@@ -75,20 +76,25 @@ const Complain = () => {
                   })
                 }}
               />
+
+            <br />
+            <br />
+
             </Grid>
+
           </Grid>
         </Grid>
-      </Grid>
       <Grid item>
         <Grid
           container
           direction="column"
           classes={{ root: classes.bottomWrapper }}
-        >
+          >
           <Grid item>
             <Typography variant="h4">
               Username related to the complaint(optional)
             </Typography>
+            
           </Grid>
           <Grid item>
             <TextField
@@ -104,10 +110,11 @@ const Complain = () => {
                   ["name"]: e.target.value,
                 })
               }}
-            />
+              />
           </Grid>
         </Grid>
       </Grid>
+     </Grid>
       <Grid item>
         <Button classes={{ root: classes.btnStyle }} onClick={btnHandler}>
           <Typography variant="h3">Submit</Typography>
@@ -117,4 +124,4 @@ const Complain = () => {
   )
 }
 
-export default Complain
+export default Complain
\ No newline at end of file
diff --git a/themes/customer-service/customer-service-theme/src/components/complain/styles.js b/themes/customer-service/customer-service-theme/src/components/complain/styles.js
index 1b3adcbb..6c8e08be 100644
--- a/themes/customer-service/customer-service-theme/src/components/complain/styles.js
+++ b/themes/customer-service/customer-service-theme/src/components/complain/styles.js
@@ -26,6 +26,7 @@ const Styles = makeStyles(theme => ({
   },
   textField: {
     width: "350px",
+    marginBottom:"10px"
   },
   space: {
     paddingBottom: "5px",
@@ -42,7 +43,7 @@ const Styles = makeStyles(theme => ({
     borderRadius: 10,
     backgroundColor: theme.palette.primary.light,
     textTransform: "none",
-    "&:hover": { backgroundColor: theme.palette.primary.light },
+    "&:hover": { backgroundColor: "theme.pallete.primary.light" },
   },
   "@global": {
     ".MuiInput-underline:before, .MuiInput-underline:hover:not(.Mui-disabled):before": {
@@ -54,4 +55,4 @@ const Styles = makeStyles(theme => ({
   },
 }))
 
-export default Styles
+export default Styles
\ No newline at end of file