From 15257385a84c51f6b3f8f615950c3e2f08fe8ffb Mon Sep 17 00:00:00 2001
From: pnogal <paulina.nogal@wisc.edu>
Date: Mon, 13 May 2019 12:00:55 -0500
Subject: [PATCH] Fix color text for hint and label for invalid subject on
 search form

---
 .../course-search/course-search.component.html             | 2 +-
 src/assets/sass/general.scss                               | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/degree-planner/course-search/course-search.component.html b/src/app/degree-planner/course-search/course-search.component.html
index 293bc81..711be51 100644
--- a/src/app/degree-planner/course-search/course-search.component.html
+++ b/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>
 
diff --git a/src/assets/sass/general.scss b/src/assets/sass/general.scss
index 726924b..16ff787 100644
--- a/src/assets/sass/general.scss
+++ b/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;
-- 
GitLab