Code cleanup and formatting

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

 <mat-sidenav-container id="plans-container">
 
-	<mat-sidenav #sidenav position="end" mode="side" disableClose>
+	<mat-sidenav #sidenav position="end" mode="side" [opened]=true disableClose>
 		<app-sidenav-menu-item></app-sidenav-menu-item>
 	</mat-sidenav>
 

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

 #plans-container {
-    height: 100vh;
+	height: 100vh;
 }
 
 mat-sidenav {
-    width: 280px;
+	width: 280px;
 }
 
 .term-container {
-    background-color: #E1E1E1;
+	background-color: #E1E1E1;
 }
 
 .term-container h2 {
-    color: #2879A8;
-    font-weight: 400;
+	color: #2879A8;
+	font-weight: 400;
 }
 
 #menu-toggle-btn {
-    position: absolute;
-    right: 0px;
-    top: 20px;
-    border-radius: 50% 0 0 50%;
-    padding: 8px;
-    background-color: #F0F0F0;
+	position: absolute;
+	right: 0px;
+	top: 20px;
+	border-radius: 50% 0 0 50%;
+	padding: 8px;
+	background-color: #F0F0F0;
 }
 
 @media screen and (max-width: 600px) {
-    #menu-toggle-btn {
-        position: relative;
-        top: 0;
-        right: 0;
-        border-radius: 50%;
-        padding: 12px;
-    }
+	#menu-toggle-btn {
+		position: relative;
+		top: 0;
+		right: 0;
+		border-radius: 50%;
+		padding: 12px;
+	}
 }
\ No newline at end of file

src/app/degree-planner/degree-planner.module.ts

@@ -12,7 +12,6 @@ import { SidenavMenuItemComponent } from './sidenav-menu-item/sidenav-menu-item.
 		SharedModule,
 		DegreePlannerRoutingModule
 	],
-
 	declarations: [
 		DegreePlannerComponent,
 		TermContainerComponent,

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

@@ -3,23 +3,23 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { SidenavMenuItemComponent } from './sidenav-menu-item.component';
 
 describe('SidenavMenuItemComponent', () => {
-  let component: SidenavMenuItemComponent;
-  let fixture: ComponentFixture<SidenavMenuItemComponent>;
+	let component: SidenavMenuItemComponent;
+	let fixture: ComponentFixture<SidenavMenuItemComponent>;
 
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ SidenavMenuItemComponent ]
-    })
-    .compileComponents();
-  }));
+	beforeEach(async(() => {
+		TestBed.configureTestingModule({
+			declarations: [ SidenavMenuItemComponent ]
+		})
+		.compileComponents();
+	}));
 
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SidenavMenuItemComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+	beforeEach(() => {
+		fixture = TestBed.createComponent(SidenavMenuItemComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 });

src/app/degree-planner/term-container/term-container.component.spec.ts

@@ -3,23 +3,23 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { TermContainerComponent } from './term-container.component';
 
 describe('TermContainerComponent', () => {
-  let component: TermContainerComponent;
-  let fixture: ComponentFixture<TermContainerComponent>;
+	let component: TermContainerComponent;
+	let fixture: ComponentFixture<TermContainerComponent>;
 
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ TermContainerComponent ]
-    })
-    .compileComponents();
-  }));
+	beforeEach(async(() => {
+		TestBed.configureTestingModule({
+			declarations: [ TermContainerComponent ]
+		})
+		.compileComponents();
+	}));
 
-  beforeEach(() => {
-    fixture = TestBed.createComponent(TermContainerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+	beforeEach(() => {
+		fixture = TestBed.createComponent(TermContainerComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 });

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

 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'app-term-container',
-  templateUrl: './term-container.component.html',
-  styleUrls: ['./term-container.component.scss']
+	selector: 'app-term-container',
+	templateUrl: './term-container.component.html',
+	styleUrls: ['./term-container.component.scss']
 })
 export class TermContainerComponent implements OnInit {
 
-  constructor() { }
+	constructor() { }
 
-  ngOnInit() {
-  }
+	ngOnInit() {
+	}
 
 }

src/app/shared/shared.module.ts

@@ -9,8 +9,8 @@ import {
 	MatTabsModule,
 	MatExpansionModule,
 	MatCardModule,
-	MatSelectModule } from '@angular/material';
-import { MatSidenavModule } from '@angular/material/sidenav';
+	MatSelectModule,
+	MatSidenavModule } from '@angular/material';
 
 const modules = [
 	CommonModule,