From b9e135dfabaea83dfeebdf0624a59b70659ca75b Mon Sep 17 00:00:00 2001
From: khk <khk@gmail.com>
Date: Tue, 28 Jan 2020 15:40:18 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8C=9D=EC=97=85=20=EB=8B=AB=EA=B8=B0?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../group/select-group.dialog.component.html        |  3 +++
 .../group/select-group.dialog.component.scss        | 13 +++++++++++--
 .../src/assets/scss/partials/_icons.scss            |  8 ++++++++
 3 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.html
index bfe1f51d..fb972630 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.html
@@ -1,6 +1,9 @@
 <mat-card class="confirm-card mat-elevation-z">
   <mat-card-header>
     <mat-card-title>{{ data.title }}</mat-card-title>
+    <button class="icon-button btn-dialog-close">
+      <i class="mdi mdi-window-close"></i>
+    </button>
   </mat-card-header>
   <mat-card-content>
     <div class="add-row">
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.scss
index 03bbadc6..b885c9d7 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.scss
@@ -1,5 +1,14 @@
-::ng-deep .mat-card-header-tex {
-  margin: 0;
+::ng-deep .mat-card-header {
+  .mat-card-header-tex {
+    margin: 0;
+  }
+  .btn-dialog-close {
+    font-size: 20px;
+    display: flex;
+    margin-left: auto;
+    align-self: flex-start;
+    color: #444444;
+  }
 }
 .mat-form-field {
   width: 100%;
diff --git a/projects/ucap-webmessenger-ui/src/assets/scss/partials/_icons.scss b/projects/ucap-webmessenger-ui/src/assets/scss/partials/_icons.scss
index 02f7c065..54222924 100644
--- a/projects/ucap-webmessenger-ui/src/assets/scss/partials/_icons.scss
+++ b/projects/ucap-webmessenger-ui/src/assets/scss/partials/_icons.scss
@@ -24,3 +24,11 @@ mat-icon {
     }
   }
 }
+
+.icon-button {
+  background: none;
+  border: none;
+  i {
+    font-family: 'material-outline-icons';
+  }
+}