diff --git a/src/app/shared/components/course-details/course-details.component.html b/src/app/shared/components/course-details/course-details.component.html index 5bf74359ed287b7c39182fd34cdcd3af34b1bd2a..a696f28970ef06f91cfd2e8301502e14c9125ead 100644 --- a/src/app/shared/components/course-details/course-details.component.html +++ b/src/app/shared/components/course-details/course-details.component.html @@ -5,8 +5,7 @@ fxLayout.lt-md="column" fxFlex="100" fxLayoutGap="10px" - class="course-details-header" - > + class="course-details-header"> <div fxFlex="50" class="course-detail-title" fxLayoutAlign="start center"> <h3> {{ courseDetails.fullCourseDesignation | titlecase @@ -19,8 +18,7 @@ *ngIf="type === 'search' || type === 'saved'" fxFlex="50" fxLayout="row" - fxLayoutAlign="end start" - > + fxLayoutAlign="end start"> <div class="term-selection"> <form [formGroup]="termSelector" (ngSubmit)="addCourseToPlan($event)"> <mat-form-field style="margin-right:20px;"> @@ -30,14 +28,12 @@ matInput role="listbox" formControlName="term" - cdkFocusInitial - > + cdkFocusInitial> <mat-option role="option" *ngFor="let term of (droppableTermCodes$ | async)" [value]="term" - >{{ term | getTermDescription }}</mat-option - > + >{{ term | getTermDescription }}</mat-option> </mat-select> </mat-form-field> @@ -45,8 +41,7 @@ mat-raised-button color="primary" mat-dialog-close - (click)="addCourseToPlan($event)" - > + (click)="addCourseToPlan($event)"> Add to plan </button> </form> @@ -59,8 +54,7 @@ fxLayout="column" fxLayoutAlign="space-around start" fxLayoutGap="10px" - class="course-details-content" - > + class="course-details-content"> <p>{{ courseDetails.description }}</p> <p *ngIf="courseDetails.enrollmentPrerequisites"> @@ -110,15 +104,12 @@ *ngIf=" courseDetails.gradCourseWork || courseDetails.workplaceExperience || - courseDetails.foreignLanguage - " - > + courseDetails.foreignLanguage"> <span class="semi-bold">Course Options:</span> <ul class="courseDetails-nested-list"> <li> <span *ngIf="courseDetails.gradCourseWork" - >50% Graduate Coursework Requirement</span - > + >50% Graduate Coursework Requirement</span> <span *ngIf="courseDetails.workplaceExperience">{{ courseDetails.workplaceExperience.description }}</span> @@ -147,26 +138,22 @@ fxLayout.lt-sm="column" class="mat-dialog-actions" fxLayoutAlign="start center" - fxLayoutAlign.lt-sm="start start" - > + fxLayoutAlign.lt-sm="start start"> <a class="md-primary btn-link mat-button" target="_blank" href="{{ courseDetails.subject.departmentURI }}" - >Website</a - > + >Website</a> <a class="md-primary btn-link mat-button" target="_blank" href="{{ courseDetails.subject.undergraduateCatalogURI }}" - >Undergraduate Info</a - > + >Undergraduate Info</a> <a class="md-primary btn-link mat-button" target="_blank" href="{{ courseDetails.subject.graduateCatalogURI }}" - >Graduate Info</a - > + >Graduate Info</a> </div> </div> </div>