fix mobile resolution

src/components/AuthBlock/AuthBlock.js

@@ -13,10 +13,10 @@ export const AuthBlock = ({ title, description, img, resetModal }) => {
         <p>{description}</p>
       </div>
       <form className="auth__form">
-        <label htmlFor="login">Ваш email *</label>
-        <input id="login" type="text" name="username" placeholder="Email" />
+        <label htmlFor="login">Ваш e-mail</label>
+        <input id="login" type="text" name="username" placeholder="E-mail" />
 
-        <label htmlFor="password">Ваш пароль*</label>
+        <label htmlFor="password">Ваш пароль</label>
         <input
           id="password"
           type="password"
@@ -24,11 +24,7 @@ export const AuthBlock = ({ title, description, img, resetModal }) => {
           placeholder="Пароль"
         />
         <div className="auth__form__buttons">
-          <button
-            onClick={(e) => {
-              e.preventDefault();
-            }}
-          >
+          <button onClick={(e) => e.preventDefault()}>
             Войти
           </button>
           <span onClick={() => resetModal(true)}>Восстановить пароль</span>

src/components/AuthBox/AuthBox.jsx

@@ -85,10 +85,10 @@ export const AuthBox = ({ title }) => {
         </div>
       )}
       <form ref={ref} className="auth-box__form">
-        <label htmlFor="login">Ваш email *</label>
+        <label htmlFor="login">Ваш e-mail</label>
         <input id="login" type="text" name="username" placeholder="Логин" />
 
-        <label htmlFor="password">Ваш пароль*</label>
+        <label htmlFor="password">Ваш пароль</label>
         <div className="inputWrapper">
           <input
             id="password"

src/components/AuthBox/authBox.scss

@@ -102,6 +102,10 @@
         position: absolute;
         right: 20px;
         top: 15px;
+
+        @media (min-width: 576px) {
+          left: 330px;
+        }
       }
     }
 
@@ -153,7 +157,6 @@
       letter-spacing: normal;
       line-height: 32px;
       text-align: center;
-      border: 2px solid #6aaf5c;
       margin-right: 1.5rem;
       transition: 0.3s;
 

src/components/Form/Form.jsx

@@ -85,13 +85,13 @@ const Form = () => {
     <div className="row">
       <div className="col-sm-12">
         <form className="form" id="test">
-          <label htmlFor="email">Емейл:</label>
+          <label htmlFor="email">E-mail:</label>
           <input
             onChange={handleChange}
             id="email"
             name="Email"
             type="email"
-            placeholder="Емейл"
+            placeholder="E-mail"
             value={data.email}
           />
 

src/components/FreeDevelopers/FreeDevelopers.jsx

@@ -86,7 +86,7 @@ export const FreeDevelopers = () => {
           </div>
 
           <div className="login">
-            <h3>Для просмотра полного резюме разработчика авторизуйтесь</h3>
+            <h3>Для просмотра полного резюме разработчика, авторизуйтесь</h3>
             <BaseButton styles={"dev-code"}>
               <Link to={"/auth"}>Войти</Link>
             </BaseButton>

src/components/Modal/ModalReset/ModalReset.js

@@ -10,7 +10,7 @@ export const ModalReset = ({ setModalReset }) => {
       <h3 className="modalReset__title">Восстановление доступа</h3>
       <div className="modalReset__input">
         <span>Укажите e-mail, для которого хотите восстановить пароль.</span>
-        <input placeholder="email" />
+        <input placeholder="e-mail" />
       </div>
       <button className="modalReset__submit">Восстановить</button>
       <img

src/components/Modal/ModalResetPassword/ModalResetPassword.jsx

@@ -50,7 +50,7 @@ export const ModalResetPassword = ({ active, setActive }) => {
       setInputsError((prevValue) => ({ ...prevValue, email: true }));
       return showNotification({
         show: true,
-        text: "Введите корректный email",
+        text: "Введите корректный e-mail",
         type: "error",
       });
     }
@@ -127,7 +127,7 @@ export const ModalResetPassword = ({ active, setActive }) => {
         <h3 className="resetPassword__title">Восстановление пароля</h3>
         {!step ? (
           <div className="resetPassword__email">
-            <h5>Введите email:</h5>
+            <h5>Введите e-mail:</h5>
             <input
               type="email"
               onChange={(e) => {
@@ -141,12 +141,12 @@ export const ModalResetPassword = ({ active, setActive }) => {
                   token: false,
                 });
               }}
-              placeholder="Email"
+              placeholder="E-mail"
               value={inputsValue.email}
               className={inputsError.email ? "error" : ""}
             />
             {inputsError.email && (
-              <span className="warningText">Введите корректный email</span>
+              <span className="warningText">Введите корректный e-mail</span>
             )}
             {loader ? (
               <Loader style={"green"} />

src/components/Modal/Tracker/TrackerModal/TrackerModal.jsx

@@ -468,7 +468,7 @@ export const TrackerModal = ({
                   <div className="input-container invitePersonBlock__input">
                     <input
                       className="name-project"
-                      placeholder="email"
+                      placeholder="e-mail"
                       type="email"
                     />
                   </div>

src/components/Navigation/Navigation.jsx

@@ -26,7 +26,7 @@ export const Navigation = () => {
       },
       {
         path: "/calendar",
-        name: "Отчетность",
+        name: "Отчеты",
       },
       {
         path: "/tracker",

src/components/ProfileBreadcrumbs/profileBreadcrumbs.scss

@@ -9,7 +9,7 @@
   a {
     color: #5b6871;
     font-weight: 400;
-    font-size: 12px;
+    font-size: 13px;
     line-height: 16px;
     transition: 0.3s all ease;
     position: relative;
@@ -17,14 +17,6 @@
     display: flex;
     align-items: center;
 
-    @media (max-width: 525px) {
-      font-size: 10px;
-    }
-
-    @media (max-width: 455px) {
-      font-size: 9px;
-    }
-
     &:hover {
       text-decoration: none;
       color: #000000;

src/components/ProfileCalendar/ProfileCalendar.jsx

@@ -89,7 +89,7 @@ export const ProfileCalendar = () => {
         <ProfileBreadcrumbs
           links={[
             { name: "Главная", link: "/profile" },
-            { name: "Ваша отчетность", link: "/profile/calendar" },
+            { name: "Отчеты", link: "/profile/calendar" },
           ]}
         />
         <h2 className="summary__title">Ваши отчеты</h2>

src/components/ProfileCalendar/profileCalendar.scss

@@ -78,7 +78,6 @@
         margin: 0;
         max-width: 220px;
         overflow: hidden;
-        white-space: nowrap;
         text-overflow: ellipsis;
       }
     }