align course item grade

src/app/degree-planner/shared/course-item/course-item.component.html

@@ -34,7 +34,7 @@
         </mat-menu>
       </div>
       <div *ngIf="disabled" fxLayout="row" fxLayoutAlign="end center">
-        <p>{{ course.grade }}</p>
+        <p>{{ course.grade || '&nbsp;' }}</p>
       </div>
       <div fxLayout="row" fxLayoutAlign="end center">
         <p class="course-credits">{{ course.credits ? course.credits : course.creditRange }} Cr</p>

src/app/degree-planner/shared/course-item/course-item.component.scss

@@ -53,6 +53,12 @@
   display: inline-block;
 }
 
+.material-icons {
+  padding-top: 0;
+  position: relative;
+  top: 1px;
+}
+
 .course-number {
   font-weight: bold;
   font-size: 16px;