reports adaptive

src/components/ReportForm/ReportForm.jsx

@@ -43,7 +43,7 @@ const ReportForm = () => {
   const [isFetching, setIsFetching] = useState(false);
   const [reportSuccess, setReportSuccess] = useState("");
   const [startDate, setStartDate] = useState(
-    reportDate ? new Date(reportDate._d) : new Date(),
+    reportDate ? new Date(reportDate._d) : new Date()
   );
   const [datePickerOpen, setDatePickerOpen] = useState(false);
 
@@ -73,7 +73,7 @@ const ReportForm = () => {
         (div) =>
           div.classList &&
           (div.classList.contains("report-form__block-img") ||
-            div.classList.contains("react-datepicker-popper")),
+            div.classList.contains("react-datepicker-popper"))
       )
     ) {
       setDatePickerOpen(false);
@@ -180,9 +180,7 @@ const ReportForm = () => {
                 <p className="report-form__task-title--description">
                   Краткое описание задачи
                 </p>
-                <p className="report-form__task-title--hours">
-                  Количество часов
-                </p>
+                <p className="report-form__task-title--hours">Кол-во часов</p>
               </div>
 
               {inputs.map((input, index) => {
@@ -212,7 +210,7 @@ const ReportForm = () => {
                                     task: e.target.value,
                                   }
                                 : input;
-                            }),
+                            })
                           )
                         }
                       />
@@ -238,7 +236,7 @@ const ReportForm = () => {
                                     hours_spent: Number(e.target.value),
                                   }
                                 : input;
-                            }),
+                            })
                           )
                         }
                       />
@@ -299,7 +297,7 @@ const ReportForm = () => {
                   {isFetching ? <Loader /> : "Отправить"}
                 </button>
                 <p className="report-form__footer-text">
-                  Всего за день :{" "}
+                  Всего за день:{" "}
                   <span>
                     {totalHours} {hourOfNum(totalHours)}
                   </span>

src/components/ReportForm/reportForm.scss

@@ -352,6 +352,7 @@
 
   &__footer {
     display: flex;
+    flex-direction: column-reverse;
     align-items: center;
     margin-top: 20px;
 
@@ -380,16 +381,13 @@
     &-text {
       font-family: "GT Eesti Pro Display";
       font-size: 1.9em;
-      font-weight: 600;
       font-style: normal;
       letter-spacing: normal;
       line-height: 22.38px;
-      text-align: left;
-      margin-left: 40px;
-      margin-bottom: 0;
+      margin-bottom: 20px;
 
       span {
-        font-weight: 100;
+        font-weight: 600;
       }
     }