Add minor mobile styles

src/app/degree-planner/dialogs/course-details-dialog/course-details-dialog.component.html

@@ -6,7 +6,7 @@
 <mat-dialog-content id="course-details-content" class="mat-typography dialog-with-toolbar ">
 
 	<div fxLayout="row">
-		<div fxLayout="row" fxFlex="100" fxLayoutGap="10px" class="course-details-header">
+		<div fxLayout="row" fxLayout.lt-md="column" fxFlex="100" fxLayoutGap="10px" class="course-details-header">
 			<div fxFlex="50" class="course-detail-title" fxLayoutAlign="start center">
 				<h3>{{ courseDetails.fullCourseDesignation | titlecase }}<span class="course-detail-subtitle">{{ courseDetails.title }}</span></h3>
 			</div>

src/assets/sass/general.scss

@@ -150,3 +150,12 @@ body {
         min-height: 60px;
     }
 }
+
+
+// Media queries
+
+@media screen and (max-width: 800px) {
+    .mat-dialog-container {
+        min-width: 100%;
+    }
+}
\ No newline at end of file