widen task iframe max-width and align read-more links to start in lesson components

Author: Awakich

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

@@ -29,7 +29,7 @@
         display: block;
         align-self: center;
         width: 100%;
-        max-width: 295px;
+        max-width: 395px;
         height: 223px;
         aspect-ratio: 16 / 9;
         border: 0;
@@ -84,6 +84,8 @@
   .read-more {
     margin-top: 12px;
     color: var(--accent);
+    align-self: self-start;
+    align-items: start;
     cursor: pointer;
     transition: color 0.2s;
 

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

@@ -105,7 +105,7 @@
       display: block;
       align-self: center;
       width: 100%;
-      max-width: 295px;
+      max-width: 395px;
       height: 223px;
       aspect-ratio: 16 / 9;
       border: 0;
@@ -157,6 +157,8 @@
   .read-more {
     margin-top: 12px;
     color: var(--accent);
+    align-self: self-start;
+    align-items: start;
     cursor: pointer;
     transition: color 0.2s;
 

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

@@ -35,6 +35,8 @@
   .read-more {
     margin-top: 12px;
     color: var(--accent);
+    align-self: self-start;
+    align-items: start;
     cursor: pointer;
     transition: color 0.2s;
 
@@ -132,7 +134,7 @@
         display: block;
         align-self: center;
         width: 100%;
-        max-width: 295px;
+        max-width: 395px;
         height: 223px;
         aspect-ratio: 16 / 9;
         border: 0;

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

@@ -17,7 +17,7 @@
       display: block;
       align-self: center;
       width: 100%;
-      max-width: 295px;
+      max-width: 395px;
       height: 223px;
       aspect-ratio: 16 / 9;
       border: 0;
@@ -77,6 +77,8 @@
   .read-more {
     margin-top: 12px;
     color: var(--accent);
+    align-self: self-start;
+    align-items: start;
     cursor: pointer;
     transition: color 0.2s;
 

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

@@ -49,7 +49,7 @@
       display: block;
       align-self: center;
       width: 100%;
-      max-width: 295px;
+      max-width: 395px;
       height: 223px;
       aspect-ratio: 16 / 9;
       border: 0;
@@ -65,6 +65,8 @@
   .read-more {
     margin-top: 12px;
     color: var(--accent);
+    align-self: self-start;
+    align-items: start;
     cursor: pointer;
     transition: color 0.2s;