ROENROLL-1329

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

@@ -7,7 +7,6 @@
   border: solid 1px #fdfdfd;
   background-color: #fdfdfd;
   border-radius: 5px;
-  font-family: 'Helvetica Neue', Georgia, Helvetica, Arial, sans-serif;
   font-size: 14px;
   margin-bottom: 8px;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);

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

@@ -51,7 +51,7 @@
       </mat-panel-title>
     </mat-expansion-panel-header>
     <div>
-      <button mat-button class="sidenav-link-btn">
+      <button mat-button class="sidenav-link-btn" (click)="print()">
         <i class="material-icons">print</i> Print
       </button>
       <button mat-button class="sidenav-link-btn">

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

@@ -31,6 +31,10 @@ export class SidenavMenuItemComponent {
     this.snackBar.open('New academic year has been created');
   }
 
+  public print() {
+    window.print();
+  }
+
   public onCreatePlanClick() {
     this.dialog
       .open(PromptDialogComponent, {

src/app/degree-planner/term-container/term-container.component.scss

@@ -79,7 +79,6 @@
   border: solid 1.2px #f7c376;
   background-color: white;
   border-radius: 5px;
-  font-family: 'Helvetica Neue', Georgia, Helvetica, Arial, sans-serif;
   font-size: 14px;
   margin-bottom: 10px;
 

src/assets/material-theme.scss

@@ -100,7 +100,7 @@ $uw-warn: (
 );
 
 $custom-typography: mat-typography-config(
-  $font-family: '"Helvetica Neue", Georgia, Helvetica, Arial, sans-serif',
+  $font-family: 'Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif',
 );
 @include mat-core($custom-typography);
 

src/assets/sass/general.scss

 @import 'assets/material-theme.scss';
+@import './print.scss';
 
 body {
   background-color: #ccc;

src/assets/sass/print.scss

+@media print {
+  * {
+    overflow: auto !important;
+    font-size: 12px !important;
+    -webkit-transition: none !important;
+    transition: none !important;
+  }
+  .mat-expansion-panel-body .term-container-wrapper {
+    display: flex !important;
+  }
+  .mat-expansion-panel-content {
+    visibility: visible !important;
+    height: 100% !important;
+  }
+  .mat-drawer.mat-sidenav,
+  .note-item,
+  .add-new-wrapper,
+  .mat-button-wrapper,
+  .course-title,
+  .mat-icon,
+  header {
+    display: none !important;
+  }
+  #year-wrapper {
+    margin: 0px !important;
+  }
+  .term-body {
+    padding: 0 !important;
+  }
+  .term-header h2 {
+    font-weight: bold !important;
+  }
+  main {
+    top: 0 !important;
+    position: initial !important;
+  }
+  .course-number {
+    font-weight: normal !important;
+  }
+  .course-item {
+    border: none !important;
+    box-shadow: none !important;
+    padding: 0 !important;
+  }
+  html,
+  body,
+  .mat-sidenav-container,
+  .mat-drawer-content,
+  mat-sidenav-content {
+    width: 100%;
+    height: auto !important;
+  }
+}