From a6e1150cb9989b690c40db78a6e950836a1563eb Mon Sep 17 00:00:00 2001
From: khk <khk@gmail.com>
Date: Mon, 30 Mar 2020 16:37:54 +0900
Subject: [PATCH] =?UTF-8?q?alert=EC=B0=BD=20=EB=B2=84=ED=8A=BC=20=ED=95=98?=
 =?UTF-8?q?=EB=8B=A8=20=EB=A7=9E=EC=B6=A4=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/lib/dialogs/alert.dialog.component.html   | 10 +++++-----
 .../src/lib/dialogs/alert.dialog.component.scss   | 15 ++++++++++++---
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.html b/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.html
index 912bc152..19499d64 100644
--- a/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.html
+++ b/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.html
@@ -9,10 +9,10 @@
     <div #messageContainer class="notice">
       {{ data.message }}
     </div>
+    <mat-card-actions class="button-form flex-row">
+      <button mat-flat-button (click)="onClickConfirm()" class="mat-primary">
+        {{ 'common.messages.confirm' | translate }}
+      </button>
+    </mat-card-actions>
   </mat-card-content>
-  <mat-card-actions class="button-form flex-row">
-    <button mat-stroked-button (click)="onClickConfirm()" class="mat-primary">
-      {{ 'common.messages.confirm' | translate }}
-    </button>
-  </mat-card-actions>
 </mat-card>
diff --git a/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.scss b/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.scss
index 9aa27060..883190ca 100644
--- a/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.scss
+++ b/projects/ucap-webmessenger-ui/src/lib/dialogs/alert.dialog.component.scss
@@ -1,5 +1,14 @@
-form {
-  .mat-form-field {
-    width: 100%;
+.confirm-card {
+  width: 100%;
+  height: 100%;
+  .mat-card-content {
+    display: flex;
+    flex-flow: column;
+    .mat-card-actions {
+      display: flex;
+      align-self: flex-end;
+      flex-flow: row;
+      margin-top: auto;
+    }
   }
 }