fix login, report textarea

src/components/AuthBox/AuthBox.jsx

@@ -15,6 +15,7 @@ import ModalResetPassword from "@components/Modal/ModalResetPassword/ModalResetP
 
 import authHead from "assets/icons/authHead.svg";
 import eyePassword from "assets/icons/passwordIcon.svg";
+import eyeNoPassword from "assets/icons/eyePassword.svg";
 
 import "./authBox.scss";
 
@@ -85,8 +86,8 @@ export const AuthBox = ({ title }) => {
         </div>
       )}
       <form ref={ref} className="auth-box__form">
-        <label htmlFor="login">Ваш e-mail</label>
-        <input id="login" type="text" name="username" placeholder="Логин" />
+        <label htmlFor="e-mail">Ваш e-mail</label>
+        <input id="e-mail" type="text" name="email" placeholder="E-mail" />
 
         <label htmlFor="password">Ваш пароль</label>
         <div className="inputWrapper">
@@ -99,7 +100,7 @@ export const AuthBox = ({ title }) => {
           <img
             onClick={() => setShowPassword(!showPassword)}
             className="eye"
-            src={eyePassword}
+            src={showPassword ? eyePassword : eyeNoPassword}
             alt="eye"
           />
         </div>

src/components/ReportForm/ReportForm.jsx

@@ -192,7 +192,7 @@ const ReportForm = () => {
                   >
                     <div className="report-form__task-number">{index + 1}.</div>
                     <div className="report-form__task-input report-form__task-input--description">
-                      <input
+                      <textarea
                         value={inputs[index].task}
                         className={
                           !input.task && reportSuccess === "Заполните задачи"

src/components/ReportForm/reportForm.scss

@@ -69,8 +69,8 @@
       letter-spacing: normal;
       line-height: 30px;
       text-align: left;
-      margin-top: 52px;
-      margin-bottom: 35px;
+      margin-top: 30px;
+      margin-bottom: 10px;
 
       @media (max-width: 555px) {
         margin-top: 25px;
@@ -80,7 +80,7 @@
   }
 
   &__block-img {
-    width: 280px;
+    width: 230px;
     height: 42px;
     box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
     border-radius: 5px;
@@ -107,18 +107,15 @@
 
   &__task {
     &-number {
-      height: 14px;
       color: #282828;
       font-family: "GT Eesti Pro Display";
       font-size: 20px;
       font-weight: 700;
-      font-style: normal;
-      letter-spacing: normal;
       width: 12px;
     }
 
     &-list {
-      margin-top: 30px;
+      margin-top: 20px;
       display: flex;
       align-items: center;
 
@@ -194,8 +191,9 @@
 
     &-form {
       display: flex;
+      align-items: center;
       margin-left: 20px;
-      margin-bottom: 28px;
+      margin-bottom: 15px;
     }
 
     &-input {
@@ -208,9 +206,9 @@
           border-color: #fc0000;
         }
 
-        input {
+        textarea {
           width: 460px;
-          height: 42px;
+          height: 84px;
           box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
           border-radius: 5px;
           border: 1px solid #c4c4c4;
@@ -244,7 +242,7 @@
         }
 
         input {
-          width: 141px;
+          width: 80px;
           height: 42px;
           box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
           border-radius: 5px;
@@ -410,7 +408,7 @@
     display: flex;
     justify-content: space-between;
     margin-left: 14px;
-    margin-bottom: 28px;
+    margin-bottom: 14px;
 
     span {
       font-family: "GT Eesti Pro Display";