fix styles for postion of tasks

Author: Awakich

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

@@ -84,7 +84,7 @@
     max-width: 300px;
     height: 100%;
     max-height: 150px;
-    margin: 22px 0px 22px 0px;
+    margin: 22px 0;
     object-fit: cover;
     border-radius: var(--rounded-lg);
   }

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

@@ -36,7 +36,7 @@
     max-width: 300px;
     height: 100%;
     max-height: 150px;
-    margin: 22px 0px 22px 0px;
+    margin: 22px 0;
     object-fit: cover;
     border-radius: var(--rounded-lg);
 

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

@@ -38,13 +38,13 @@
     width: 100%;
 
     &--hasVideo {
-      flex-grow: 1;
       flex-direction: row;
+      flex-grow: 1;
     }
 
     &--hasImage {
-      flex-grow: 1;
       flex-direction: row-reverse;
+      flex-grow: 1;
     }
   }
 

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

@@ -53,9 +53,9 @@
   }
 
   &__input {
+    position: relative;
     margin-top: 12px;
     color: var(--grey-for-text);
-    position: relative;
   }
 
   &__textarea {
@@ -92,9 +92,9 @@
 
   &__counter {
     position: absolute;
-    bottom: 2%;
     right: 2%;
-    
+    bottom: 2%;
+
     p {
       color: var(--grey) !important;
     }