Add material icons stylesheet

angular.json

@@ -25,7 +25,8 @@
             "styles": [
               "src/assets/material-theme.scss",
               "src/assets/sass/general.scss",
-              "src/styles.css"
+              "src/styles.css",
+              "src/assets/fonts/material-icons/material-icons.css"
             ],
             "scripts": [
               "./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js",

src/app/degree-planner/degree-planner.component.html

@@ -25,7 +25,7 @@
 		<div fxLayout="column" fxLayoutGap="20px" fxLayoutAlign="start stretch" style="margin: 24px">
 
 			<mat-accordion>
-				<mat-expansion-panel *ngFor="let term of terms" class="year-container" [expanded]="true">
+				<mat-expansion-panel *ngFor="let term of terms" class="year-container"> <!--[expanded]="true"-->
 					<mat-expansion-panel-header>
 						<mat-panel-title>
 							{{ term.academicYear | academicYearState }}

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

@@ -39,15 +39,13 @@
     margin-top: 0px;
     border-top: 1px solid rgba(0, 0, 0, 0.54);
     li {
-        font-size: 15px;
         padding-bottom: 12px;
         position: relative;
         padding-left: 2.6em;
         .material-icons, .not-offered {
-            font-size: 19px;
             position: absolute;
-            left: 6px;
-            top: 0px;
+            left: 2px;
+            top: -2px;
         }
     }
 }

src/assets/fonts/material-icons/material-icons.css

+
+  @font-face {
+    font-family: 'Material Icons';
+    font-style: normal;
+    font-weight: 400;
+    src: url('./MaterialIcons-Regular.eot'); /* For IE6-8 */
+    src: local('Material Icons'),
+         local('MaterialIcons-Regular'),
+         url('./MaterialIcons-Regular.woff2') format('woff2'),
+         url('./MaterialIcons-Regular.woff') format('woff'),
+         url('./MaterialIcons-Regular.ttf') format('truetype');
+  }
+  
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;  /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for IE. */
+  font-feature-settings: 'liga';
+}