fix button & content-container width

Author: Awakich

projects/social_platform/src/app/office/courses/lesson/lesson.component.scss

@@ -74,7 +74,11 @@
     margin-top: 20px;
 
     :last-child {
-      width: 333px;
+      width: 90%;
+
+      @include responsive.apply-desktop {
+        width: 333px;
+      }
     }
   }
 }
@@ -108,8 +112,8 @@
 .action {
   &__button {
     position: fixed;
-    bottom: 1%;
-    left: 7%;
+    bottom: 2%;
+    left: 5%;
 
     @include responsive.apply-desktop {
       position: static;

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

@@ -136,14 +136,27 @@
   }
 
   &__content {
-    max-width: 350px;
+    max-width: 100%;
+
+    @include responsive.apply-desktop {
+      max-width: 350px;
+    }
+
 
     &--hasContent {
-      min-width: 333px;
+      max-width: 100%;
+
+      @include responsive.apply-desktop {
+        min-width: 333px;
+      }
     }
 
     &:not(&--hasContent) {
-      max-width: 333px;
+      max-width: 100%;
+
+      @include responsive.apply-desktop {
+        max-width: 333px;
+      }
     }
   }
 

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

@@ -35,9 +35,13 @@
 
   &__content {
     min-width: 333px;
-    max-width: 350px;
+    max-width: 100%;
     padding: 12px;
 
+    @include responsive.apply-desktop {
+      max-width: 350px;
+    }
+
     ::ng-deep {
       app-upload-file {
         .control {

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

@@ -156,14 +156,26 @@
   }
 
   &__content {
-    max-width: 350px;
+    max-width: 100%;
+
+    @include responsive.apply-desktop {
+      max-width: 350px;
+    }
 
     &--hasContent {
-      min-width: 333px;
+      max-width: 100%;
+
+      @include responsive.apply-desktop {
+        min-width: 333px;
+      }
     }
 
     &:not(&--hasContent) {
-      max-width: 333px;
+      max-width: 100%;
+
+      @include responsive.apply-desktop {
+        max-width: 333px;
+      }
     }
   }
 

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

@@ -32,10 +32,11 @@
 
   &__content {
     min-width: 333px;
-    max-width: 350px;
+    max-width: 100%;
     padding: 12px;
 
     @include responsive.apply-desktop {
+      max-width: 350px;
       padding: 12px 24px;
     }
   }