diff --git a/src/app/app.component.html b/src/app/app.component.html index 6e7a6009578d9d1389d98a878d52e788764c91d1..9e8cf980071166776f830662b773a8fb9fbce244 100644 --- a/src/app/app.component.html +++ b/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> \ No newline at end of file + </main> diff --git a/src/app/app.component.scss b/src/app/app.component.scss index c8384270e7cbb0dca64cb6bd38f6fb59769bcf98..99fcee65a9ae80e78906e5b79d15db4e91e98363 100644 --- a/src/app/app.component.scss +++ b/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; }