From 95f7a26bcecf77fbc48b8bfa4f353b3dce14e175 Mon Sep 17 00:00:00 2001
From: Jesse Lucas <jesse@jesselucas.com>
Date: Thu, 9 Apr 2020 09:53:07 -0400
Subject: [PATCH] style dialog component and close button

---
 src/app/app.module.ts                | 2 ++
 src/app/dialog/dialog.component.html | 6 +++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index ad31f8505..84094dfd2 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -12,6 +12,7 @@ import { MatCardModule } from '@angular/material/card';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatListModule } from '@angular/material/list'
+import { MatButtonModule } from '@angular/material/button';
 import { FlexLayoutModule } from '@angular/flex-layout';
 
 import { httpInterceptorProviders } from './http-interceptors';
@@ -64,6 +65,7 @@ import { CardComponent, CardTitleComponent, CardContentComponent } from './card/
     MatProgressBarModule,
     MatDialogModule,
     MatListModule,
+    MatButtonModule,
     FlexLayoutModule,
     HttpClientModule,
     HttpClientXsrfModule.withOptions({
diff --git a/src/app/dialog/dialog.component.html b/src/app/dialog/dialog.component.html
index 8f0406052..f926daa41 100644
--- a/src/app/dialog/dialog.component.html
+++ b/src/app/dialog/dialog.component.html
@@ -1,6 +1,6 @@
-<div mat-dialog-content>
-    <mat-list dense>
+<div mat-dialog-content fxLayout="column" fxLayoutAlign="space-between center">
+    <mat-list>
         <mat-list-item *ngFor='let message of messageService.messages'>{{message}}</mat-list-item>
     </mat-list>
-    <button mat-button [mat-dialog-close] cdkFocusInitial>Close</button>
+    <button mat-stroked-button [mat-dialog-close] cdkFocusInitial>Close</button>
 </div>
\ No newline at end of file