Set fixed with for course search sidenavs

src/app/app.component.html

@@ -6,7 +6,7 @@
 		<mat-sidenav-container class="example-container" hasBackdrop="false" style="height: 100vh;">
 			<mat-sidenav mode="over" position="end" #rightAddCourse>
 				<mat-sidenav-container>
-					<mat-sidenav mode="side" position="start" #rightAddCourse2>
+					<mat-sidenav mode="side" position="start" #rightAddCourse2 class="course-details-pane">
 						<mat-toolbar color="primary" class="dialog-toolbar">
 							<button mat-button class="close-btn" (click)="rightAddCourse2.close()"><i class="material-icons">clear</i></button>
 							<span class="dialog-toolbar-title">Add course to degree plan</span>
@@ -23,7 +23,7 @@
 								</div>
 							</div>
 							<div>
-								<!-- <p>Introduction to several of Shakespare's most popular plays and their relation to other works of English and American literature.</p> -->
+								<p>Introduction to several of Shakespare's most popular plays and their relation to other works of English and American literature.</p>
 								<p><span class="semi-bold">Enroll Info: </span>None</p>
 								<p><span class="semi-bold">Requisites: </span>None</p>
 								<ul class="courseDetails-list">
@@ -135,4 +135,4 @@
 			</mat-sidenav-content>
 
 		</mat-sidenav-container>
-	</main>
+	</main>
\ No newline at end of file

src/app/app.component.scss

@@ -20,15 +20,13 @@ main {
     overflow: hidden;
 }
 
-.add-sidenav1 {
-    width:380px;
-}
-
 #course-details-content {
     padding: 0 25px 25px 25px;
 }
 
-.course-search-pane {
-    width: 340px;
+.course-search-pane,
+.course-details-pane {
+    max-width: 360px;
+    min-width: 360px;
     height: 100vh;
 }