Fix color text for hint and label for invalid subject on search form

src/app/degree-planner/course-search/course-search.component.html

@@ -17,7 +17,7 @@
   </mat-form-field>
 
   <mat-form-field class="example-full-width">
-    <mat-hint align="end" *ngIf="courseSearchForm?.get('subject')?.invalid">
+    <mat-hint class="invalid-subject-hint" align="start" *ngIf="courseSearchForm?.get('subject')?.invalid">
       Please select an existing subject or &lsquo;All&rsquo;
     </mat-hint>
 

src/assets/sass/general.scss

@@ -129,6 +129,13 @@ body {
   font-size: 14px;
 }
 
+.add-course-form {
+  .mat-form-field.mat-form-field-invalid .mat-form-field-label,
+  .invalid-subject-hint {
+    color: rgb(255, 78, 78);
+  }
+}
+
 .mat-form-field.mat-form-field-invalid {
   .mat-form-field-ripple {
     background-color: #0479a8 !important;