Zmień układ kontenera zadań na siatkę, dostosuj szerokości kolumn oraz popraw wysokości elementów w stylach

layout/style.scss

@@ -313,12 +313,12 @@ body>.top {
 }
 
 .tasks_container {
-  display: flex;
-  flex-wrap: wrap;
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
   gap: 20px;
 
   .column {
-    width: 335px;
+    width: 100%;
 
     h2 {
       display: flex;
@@ -650,7 +650,11 @@ body>.top {
     max-width: 1140px;
     width: 100%;
     transition: all 0.3s ease;
-    max-height: 600px;
+    height: 90vh;
+
+    .content {
+      height: calc(100% - 50px);
+    }
 
     &.open_works_time {
       max-width: 1540px;
@@ -726,8 +730,8 @@ body>.top {
       }
 
       .left {
-        max-height: 700px;
-        overflow-y: auto;
+        height: 100%;
+        overflow: hidden;
 
         .users {
           display: flex;
@@ -851,7 +855,7 @@ body>.top {
             padding: 0;
             list-style-type: none;
             overflow-y: auto;
-            max-height: 220px;
+            max-height: calc(90vh - 400px);
 
             li {
               display: flex;
@@ -872,6 +876,7 @@ body>.top {
                 display: flex;
                 height: 25px;
                 width: 25px;
+                min-width: 25px;
                 justify-content: center;
                 align-items: center;
                 border: 0;
@@ -885,6 +890,7 @@ body>.top {
 
                 i {
                   color: #FFF;
+                  font-size: 12px;
                 }
               }
             }