From 34a640c45d6888ef086343f227131ca2a03c0c48 Mon Sep 17 00:00:00 2001
From: DmitriyB <dimasik_burdin@inbox.ru>
Date: Thu, 28 Jul 2022 15:24:21 +0500
Subject: [PATCH] fix size inputs form with res >1920

---
 src/components/mainPart/form/form.css | 23 +++++++++++++++--------
 src/components/mainPart/form/form.tsx |  6 +++---
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/components/mainPart/form/form.css b/src/components/mainPart/form/form.css
index b6d17bc..6ed779d 100644
--- a/src/components/mainPart/form/form.css
+++ b/src/components/mainPart/form/form.css
@@ -41,22 +41,29 @@
 
 @media screen and (min-width: 2000px) {
     .MuiTextField-root {
-        /* padding: 20px !important; */
-        /* height: 100px; 25 12 8 */
+        height: 3.5vw !important;
     }
 
     .MuiInputLabel-root {
-        /* top: 0px !important; */
+        font-size: .9vw !important;
         line-height: 1vw !important;
+        top: .4vw !important;
+        left: .3vw !important;
+    }
+
+    .MuiFilledInput-root {
     }
 
     .MuiFilledInput-input {
+        padding: 1.4vw 10px 10px .6vw !important;
         font-size: 1vw !important;
-        /* height: 40% !important; */
-        padding: 1vw .5vw .4vw  !important;
-    }   
+    }
 
-    .MuiInputLabel-root {
-        font-size: .8vw !important;
+    .MuiFilledInput-root.Mui-error {
+        border: 2px solid #EB5757 !important;
+    }
+
+    .MuiFormHelperText-root.Mui-error {
+        font-size: .6vw !important;
     }
 }
\ No newline at end of file
diff --git a/src/components/mainPart/form/form.tsx b/src/components/mainPart/form/form.tsx
index 81caf17..8e942b2 100644
--- a/src/components/mainPart/form/form.tsx
+++ b/src/components/mainPart/form/form.tsx
@@ -76,7 +76,7 @@ export const Form:React.FC<TProps> = React.memo((props) => {
             {props.dateInfo}
         </span>      */}
         <form className="request-form" onSubmit={handleSubmit(onSubmit)}>
-            <Controller
+            <Controller                
                 name="firstName"
                 control={control}
                 defaultValue=''
@@ -117,10 +117,10 @@ export const Form:React.FC<TProps> = React.memo((props) => {
             <Controller
                 name="email"
                 control={control}
-                defaultValue=''
+                defaultValue=''                                
                 render={({ field }) =>
                     <CustomizedTextField
-                        sx={errorStyle}
+                        sx={{...errorStyle, marginBottom: '20px'}}
                         {...field}
                         InputProps={{disableUnderline: true}}
                         variant={"filled"}