remove 3 dot menu from disabled courses

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

@@ -19,7 +19,7 @@
       </div>
     </div>
 
-    <div fxLayout="column" fxLayoutAlign="space-between end" fxFlex="20">
+    <div *ngIf="!disabled" fxLayout="column" fxLayoutAlign="space-between end" fxFlex="20">
       <div fxLayout="row" fxLayoutAlign="end center">
         <mat-icon [matMenuTriggerFor]="courseMenu" (menuOpened)="onMenuOpen()" aria-label="Course menu" matTooltip="Course Menu" matTooltipPosition="right"
           class="material-icons">more_horiz</mat-icon>
@@ -30,7 +30,7 @@
             <button mat-menu-item (click)="moveToFavorites(course)" *ngIf="type != 'saved'" class="favorites-list">Saved for later</button>
             <button mat-menu-item *ngFor="let term of visibleTerms" (click)="(type == 'saved') ? addToTerm(course, term) : switchTerm(course, term)">{{ term | getTermDescription }}</button>
           </mat-menu>
-          <button *ngIf="!disabled" mat-menu-item (click)="openRemoveConfirmationDialog()">Remove</button>
+          <button mat-menu-item (click)="openRemoveConfirmationDialog()">Remove</button>
         </mat-menu>
       </div>
       <div fxLayout="row" fxLayoutAlign="end center">