fix css

frontend/src/features/auth/components/AuthComponent.css

@@ -128,7 +128,7 @@ input {
 
 }
 
-label {
+.remember-me label {
 
     display: flex;
     flex-direction: row;
@@ -137,7 +137,7 @@ label {
     accent-color: #087A55;
 
 }
-label input[type="checkbox"] {
+.remember-me label input[type="checkbox"] {
     width: 25px;
     height: 25px;
     border-radius: 10px;

frontend/src/features/auth/components/AuthComponent.tsx

@@ -14,33 +14,39 @@ export function Auth():ReactElement {
             <form>
             <h1 className="Title"> Добро Пожаловать <br /> в The DisExcel Project </h1>
             <p className="Description">Войдите в систему, чтобы продолжить работу с вашими процессами</p>
-                <p className="Fields">Email</p>
+                <label className="Fields" htmlFor="email">Email</label>
                 <div className="email_field">
                     <input
+                        id="email"
+                        name="email"
                         type="email"
+                        autoComplete="email"
                         value={email}
                         onChange={(e) => setEmail(e.target.value)}
                         placeholder="Email"
                         required
                     />
                      <svg className="email-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
-                        <rect x="3" y="5" width="18" height="14" rx="2.5" stroke="#72879A" stroke-width="1.8"/>
+                        <rect x="3" y="5" width="18" height="14" rx="2.5" stroke="#72879A" strokeWidth="1.8"/>
-                        <path d="m4.5 7 7.5 6 7.5-6" stroke="#72879A" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+                        <path d="m4.5 7 7.5 6 7.5-6" stroke="#72879A" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
                     </svg>
                 </div>
-                <p className="Fields">Password</p>
+                <label className="Fields" htmlFor="password">Password</label>
                 <div className="pass_field">
 
                 <input
+                    id="password"
+                    name="password"
                     type={showPassword ? "text" : "password"}
+                    autoComplete="current-password"
                     value={password}
                     onChange={(e) => setPassword(e.target.value)}
                     placeholder="Password"
                     required
                 />
                 <svg className="pass-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
-                <rect x="4" y="10" width="16" height="11" rx="2.5" stroke="#72879A" stroke-width="1.8"/>
+                <rect x="4" y="10" width="16" height="11" rx="2.5" stroke="#72879A" strokeWidth="1.8"/>
-                <path d="M8 10V7a4 4 0 0 1 8 0v3" stroke="#72879A" stroke-width="1.8" stroke-linecap="round"/>
+                <path d="M8 10V7a4 4 0 0 1 8 0v3" stroke="#72879A" strokeWidth="1.8" strokeLinecap="round"/>
                 </svg>
                 <button
                     type="button"

frontend/src/index.css

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
+
 *{padding: 0;margin: 0;border: 0;}
 *,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
 :focus,:active{outline: none;}
@@ -5,6 +7,9 @@ a:focus,a:active{outline: none;}
 nav,footer,header,aside{display: block;}
 html,body{
   height:100%;width:100%;
+  padding: 30px;
+  font-family: 'Manrope', sans-serif;
+  user-select: none;
   font-size:100%;line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
 input,button,textarea{font-family:inherit;}
 input::-ms-clear{display: none;}

frontend/src/pages/LoginPage.css

@@ -1,17 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
-
-body {
-  font-family: 'Manrope', sans-serif;
-}
-html, body {
-    padding: 0;
-    margin: 0;
-    height: 100%;
-    width: 100%;
-    padding: 30px;
-    user-select: none
-}
-
 .wrapper {
     display: flex;
     flex-direction: row;
@@ -65,8 +51,6 @@ html, body {
     display: flex;
     justify-content: space-between; 
 }
-.main {
-}
 .main_item {
     display: flex;
     flex-direction: column;