Add files with changes

src/app/shared/shared.module.ts

 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatButtonModule, MatMenuModule, MatIconModule, MatTabsModule } from '@angular/material';
+import { MatButtonModule, MatMenuModule, MatIconModule, MatTabsModule, MatExpansionModule, MatCardModule } from '@angular/material';
 import { FlexLayoutModule } from '@angular/flex-layout';
+import { TermContainerComponent } from '../degree-planner/term-container/term-container.component';
 
 const modules = [
 	CommonModule,
@@ -12,12 +13,16 @@ const modules = [
 	MatMenuModule,
 	MatIconModule,
 	MatTabsModule,
+	MatExpansionModule,
+	MatCardModule,
 	FlexLayoutModule
 ];
 
 @NgModule({
 	imports: [ modules ],
-	exports: [ modules ],
-	declarations: [ ]
+	exports: [ modules, TermContainerComponent ],
+	declarations: [
+		TermContainerComponent
+	],
 })
 export class SharedModule { }

src/assets/material-theme.scss

@@ -112,4 +112,10 @@ $my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);
 // Since we're not using uw-style for buttons we need to add a few styles to mirror its appearance.
 button {
 	text-transform: uppercase;
+}
+
+.btn-primary {
+	background-color: map-get($uw-primary, 500);
+	color: #fff;
+	font-weight: 400;
 }
\ No newline at end of file