diff --git a/src/app/app.component.css b/src/app/app.component.css index 9360a0e..e1348c1 100644 --- a/src/app/app.component.css +++ b/src/app/app.component.css @@ -38,4 +38,11 @@ mat-toolbar.top { mat-form-field.mat-form-field { font-size: 24px; - } \ No newline at end of file + } + +.spinner { + position: absolute; + display: inline-block; + margin-left: 8px; + margin-top: -10px; +} \ No newline at end of file diff --git a/src/app/app.component.html b/src/app/app.component.html index 6462413..add2004 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -39,8 +39,12 @@
-
+
+
+
+
+
@@ -50,7 +54,7 @@ -
+
diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 5bbef25..fb6fd9e 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -3,7 +3,8 @@ import { NgModule } from '@angular/core'; import {MatNativeDateModule, MatRadioModule, MatInputModule, MatButtonModule, MatSidenavModule, MatIconModule, MatListModule, MatSnackBarModule, MatCardModule, MatSelectModule, MatToolbarModule, MatCheckboxModule, MatGridListModule, MatProgressBarModule, MatExpansionModule, - MatGridList} from '@angular/material'; + MatGridList, + MatProgressSpinnerModule} from '@angular/material'; import {FormsModule, ReactiveFormsModule} from '@angular/forms'; import { AppComponent } from './app.component'; import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; @@ -41,6 +42,7 @@ import {RouterModule} from '@angular/router'; MatGridListModule, MatExpansionModule, MatProgressBarModule, + MatProgressSpinnerModule, RouterModule ], providers: [PostsService],