limit answer column width to 350px & let task body stretch

Author: Awakich

projects/social_platform/src/app/office/courses/lesson/shared/exclude-task/exclude-task.component.scss

@@ -104,7 +104,6 @@
 
   &__body,
   &__content {
-    flex-grow: 1;
     min-height: 358px;
     padding: 24px;
     background-color: var(--light-white);
@@ -113,14 +112,16 @@
   }
 
   &__body {
-    max-width: 422px;
+    flex: 1;
 
     &--hasContent {
       max-width: 333px;
     }
   }
 
   &__content {
+    max-width: 350px;
+
     &--hasContent {
       min-width: 333px;
     }

projects/social_platform/src/app/office/courses/lesson/shared/file-task/file-task.component.scss

@@ -14,15 +14,19 @@
 
   &__header,
   &__content {
-    flex-grow: 1;
     min-height: 358px;
     padding: 24px;
     background: var(--light-white);
     border: 0.5px solid var(--medium-grey-for-outline);
     border-radius: var(--rounded-lg);
   }
 
+  &__header {
+    flex: 1;
+  }
+
   &__content {
+    max-width: 350px;
     min-width: 333px;
     padding: 12px 24px;
 

projects/social_platform/src/app/office/courses/lesson/shared/radio-select-task/radio-select-task.component.scss

@@ -110,7 +110,6 @@
 
   &__body,
   &__content {
-    flex-grow: 1;
     min-height: 358px;
     padding: 24px;
     background-color: var(--light-white);
@@ -119,7 +118,7 @@
   }
 
   &__body {
-    max-width: 422px;
+    flex: 1;
 
     &--hasContent {
       display: flex;
@@ -143,6 +142,8 @@
   }
 
   &__content {
+    max-width: 350px;
+
     &--hasContent {
       min-width: 333px;
     }

projects/social_platform/src/app/office/courses/lesson/shared/write-task/write-task.component.scss

@@ -13,15 +13,19 @@
 
   &__header,
   &__content {
-    flex-grow: 1;
     min-height: 358px;
     padding: 24px;
     background: var(--light-white);
     border: 0.5px solid var(--medium-grey-for-outline);
     border-radius: var(--rounded-lg);
   }
 
+  &__header {
+    flex: 1;
+  }
+
   &__content {
+    max-width: 350px;
     min-width: 333px;
     padding: 12px 24px;
   }