Merge branch 'master' into 8167-icon-consistency

README.md

@@ -162,4 +162,13 @@ npm i @types/mime@3.0.0
 
 If your npm install fails on your first try, first check if you are using Node v14. Other versions of Node may throw errors when installing dependencies.
 
+### Fatal error in chatapi using an arm32 device
+
+If you are using an 32bit arm device and encounter a fatal error while running the chatapi container run the following:
+```
+  wget http://ftp.us.debian.org/debian/pool/main/libs/libseccomp/libseccomp2_2.5.1-1~bpo10+1_armhf.deb
+
+  dpkg -i libseccomp2_2.5.1-1~bpo10+1_armhf.deb
+```
+
 This project is tested with [BrowserStack](https://www.browserstack.com/).

package.json

@@ -3,8 +3,8 @@
   "license": "AGPL-3.0",
   "version": "0.16.90",
   "myplanet": {
-    "latest": "v0.22.57",
-    "min": "v0.21.57"
+    "latest": "v0.22.63",
+    "min": "v0.21.63"
   },
   "scripts": {
     "ng": "ng",

src/app/courses/courses.component.ts

@@ -456,13 +456,16 @@ export class CoursesComponent implements OnInit, OnChanges, AfterViewInit, OnDes
   }
 
   openCourseViewDialog(courseId) {
-    this.dialog.open(CoursesViewDetailDialogComponent, {
+    const dialogRef = this.dialog.open(CoursesViewDetailDialogComponent, {
       data: { courseId },
       minWidth: '600px',
       maxWidth: '90vw',
       maxHeight: '90vh',
       autoFocus: false
     });
+    dialogRef.afterClosed().subscribe(() => {
+      this.dialog.closeAll();
+    });
   }
 
   addTag(tag: string) {

src/app/courses/step-view-courses/courses-step-view.scss

@@ -1,3 +1,5 @@
+@import '../../variables';
+
 :host {
 
   .view-container {
@@ -60,4 +62,12 @@
     margin-left: 10px;
   }
 
+  @media (max-width: $screen-sm) {
+    .grid-view {
+      display: grid;
+      grid-template-columns: 1fr;
+      grid-template-rows: auto;
+    }
+  }
+
 }