new fixes

src/components/Calendar/calendarComponent.scss

@@ -13,18 +13,46 @@
     display: flex;
     justify-content: space-between;
 
+    @media (max-width: 560px) {
+      flex-direction: column;
+      row-gap: 15px;
+    }
+
     &-info {
       display: flex;
 
+      @media (max-width: 685px) {
+        font-size: 7px;
+      }
+
+      @media (max-width: 560px) {
+        font-size: 10px;
+      }
+
+      @media (max-width: 560px) {
+        justify-content: center;
+      }
+
       .calendar__hours {
         margin: 0 10px;
         line-height: 0;
         font-weight: 500;
+        display: flex;
+        align-items: center;
       }
     }
 
     &-switcher {
       display: flex;
+
+      @media (max-width: 590px) {
+        font-size: 8px;
+      }
+
+      @media (max-width: 560px) {
+        justify-content: center;
+        font-size: 12px;
+      }
     }
 
     h3 {
@@ -74,6 +102,10 @@
           font-size: 1.2em;
         }
       }
+
+      @media (max-width: 560px) {
+        margin-left: 0 !important;
+      }
     }
   }
 
@@ -199,6 +231,12 @@
   }
 }
 
+@media (max-width: 560px) {
+  .calendar-component {
+    padding-top: 10px;
+  }
+}
+
 //@media (max-width: 768px) {
 //  .calendar-component__form > button {
 //    width: 70px;

src/components/ReportForm/reportForm.scss

@@ -158,12 +158,15 @@
         text-align: left;
         margin-bottom: 26px;
         white-space: nowrap;
+
+        @media (max-width: 450px) {
+          font-size: 13px;
+        }
       }
     }
 
     &-title {
       //&--description {
-      //  margin-left: 20px;
       //}
 
       &--hours {
@@ -233,6 +236,10 @@
           margin-left: 45px;
         }
 
+        @media (max-width: 450px) {
+          margin-left: 22px;
+        }
+
         .checkTask {
           border-color: #fc0000;
         }

src/pages/ViewReport/viewReport.scss

@@ -64,6 +64,11 @@
     height: 72px;
     justify-content: space-between;
 
+    @media (max-width: 540px) {
+      padding: 10px 15px;
+      height: 60px;
+    }
+
     @media (max-width: 500px) {
       column-gap: 0;
       justify-content: space-between;
@@ -75,9 +80,13 @@
       line-height: 32px;
       color: #000000;
 
-      @media (max-width: 500px) {
+      @media (max-width: 660px) {
         font-size: 16px;
       }
+
+      @media (max-width: 490px) {
+        font-size: 12px;
+      }
     }
 
     &__hours {
@@ -86,7 +95,7 @@
       line-height: 32px;
       color: #000000;
 
-      @media (max-width: 500px) {
+      @media (max-width: 660px) {
         font-size: 11px;
       }