fix description body width

Author: Awakich

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

@@ -12,7 +12,10 @@
       } @else if (data.imageUrl) {
       <img appImagePreview alt="exclude-image" [src]="data.imageUrl" class="exclude__image" />
       <p class="text-body-12-bold">{{ data.title | truncate: 50 }}</p>
+      } @if (!data.imageUrl) {
+      <p class="exclude__text text-body-12-bold">{{ data.answerTitle | truncate: 110 }}</p>
       }
+
       <p class="text-body-12 exclude__description">{{ data.bodyText | truncate: 700 }}</p>
     </div>
   </div>

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

@@ -99,11 +99,12 @@
     border-radius: var(--rounded-lg);
   }
 
-  // &__body {
-  //   &--hasContent {
-  //     max-width: 333px;
-  //   }
-  // }
+  &__body {
+    max-width: 422px;
+    &--hasContent {
+      max-width: 333px;
+    }
+  }
 
   &__content {
     &--hasContent {

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

@@ -10,6 +10,8 @@
       <img appImagePreview class="radio__img" [src]="data.imageUrl" />
       <p class="text-body-12-bold">{{ data.title | truncate: 50 }}</p>
     </div>
+    } @if (!data.imageUrl) {
+    <p class="radio__title text-body-12-bold">{{ data.title | truncate: 110 }}</p>
     }
 
     <p class="text-body-12 radio__description">{{ data.bodyText | truncate: 700 }}</p>

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

@@ -107,6 +107,8 @@
   }
 
   &__body {
+    max-width: 422px;
+    
     &--hasContent {
       display: flex;
       flex-direction: column;