Beautify the todo page.

1 files changed, 6 insertions, 3 deletions

diff --git a/Timeline/ClientApp/src/app/app.module.ts b/Timeline/ClientApp/src/app/app.module.ts
index e1f45136..3247cf92 100644
--- a/Timeline/ClientApp/src/app/app.module.ts
+++ b/Timeline/ClientApp/src/app/app.module.ts
@@ -4,7 +4,10 @@ import { FormsModule } from '@angular/forms';
 import { HttpClientModule } from '@angular/common/http';
 import { RouterModule } from '@angular/router';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { MatMenuModule, MatIconModule, MatButtonModule, MatToolbarModule } from '@angular/material';
+import {
+  MatMenuModule, MatIconModule, MatButtonModule, MatToolbarModule, MatListModule,
+  MatProgressBarModule, MatCardModule
+} from '@angular/material';
 
 import { AppComponent } from './app.component';
 import { HomeComponent } from './home/home.component';
@@ -21,10 +24,10 @@ import { TodoListPageComponent } from './todo-list-page/todo-list-page.component
     HttpClientModule,
     FormsModule,
     BrowserAnimationsModule,
-    MatMenuModule, MatIconModule, MatButtonModule, MatToolbarModule,
+    MatMenuModule, MatIconModule, MatButtonModule, MatToolbarModule, MatListModule, MatProgressBarModule, MatCardModule,
     RouterModule.forRoot([
       { path: '', component: HomeComponent, pathMatch: 'full' },
-      { path: 'todo', component: TodoListPageComponent}
+      { path: 'todo', component: TodoListPageComponent }
     ])
   ],
   providers: [],