From 5d179821ffd248bfe1e608007f0805e7c945e22d Mon Sep 17 00:00:00 2001 From: Sapna Jha Date: Tue, 4 Apr 2023 21:33:33 +0530 Subject: [PATCH] Updated input form's alignment successfully --- src/components/UserDetailForm/styles.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/components/UserDetailForm/styles.js b/src/components/UserDetailForm/styles.js index 0e4c80e8..29d6eb66 100644 --- a/src/components/UserDetailForm/styles.js +++ b/src/components/UserDetailForm/styles.js @@ -3,12 +3,15 @@ import { makeStyles } from "@material-ui/core/styles" const Styles = makeStyles(theme => ({ container: { - [theme.breakpoints.down("sm")]: { + [theme.breakpoints.down("sm")]: + { width: "80%", margin: "10px 35px", padding: "20px 0px", }, width: "80%", + height:"100%", + paddingTop:"400px", padding: "25px 150px", margin: "20px 100px", }, @@ -16,7 +19,7 @@ const Styles = makeStyles(theme => ({ marginBottom: "20px", }, textFieldStyle: { - width: "70%", + width: "100%", }, inputContainer: { margin: "10px",