Change Download PDF to button instead link

src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.html

@@ -73,22 +73,17 @@
           matTooltipPosition="left">print</i>
         Print
       </button>
-      <a
-        target="_blank"
-        href="/api/degreeplanpdf?roadmapId={{ planId }}"
-        mat-button
-        class="sidenav-link-btn">
-        <svg
+      <button mat-menu-item class="sidenav-link-btn" (click)="downloadPdf()">
+          <svg
           alt="Download PDF icon"
           matTooltip="Download PDF"
           matTooltipPosition="left"
-          class="material-icons"
-          style="width:24px;height:24px"
+          style="width:24px;height:24px;position:relative;top:7px;"
           viewBox="0 0 24 24">
           <path fill="#0479a8" d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z" />
         </svg>
         Download PDF
-      </a>
+      </button>
       <button mat-button class="sidenav-link-btn" (click)="onCreatePlanClick()">
         <i
           class="material-icons"
@@ -103,7 +98,6 @@
           alt="Add Academic Year icon"
           matTooltip="Add academic year"
           matTooltipPosition="left"
-          class="material-icons"
           style="width:24px;height:24px"
           viewBox="0 0 24 24">
           <path

src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.ts

@@ -53,6 +53,12 @@ export class SidenavMenuItemComponent implements OnDestroy {
     window.print();
   }
 
+  public downloadPdf() {
+    // FIXME
+    // window.open('/api/degreeplanpdf?roadmapId=' + this.planId);
+    this.snackBar.open('Not supported yet');
+  }
+
   public onCreatePlanClick() {
     this.dialog
       .open(PromptDialogComponent, {