From 616ac1f84cb4c06467df285741c461f950688189 Mon Sep 17 00:00:00 2001
From: khk <kanghk@biztechpartners.co.kr>
Date: Fri, 1 Nov 2019 14:52:53 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8C=80=ED=99=94=ED=9A=8C=EC=88=98=20?=
 =?UTF-8?q?=EB=94=94=EC=9E=90=EC=9D=B8=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../message-box/recall.component.html         |  5 ++---
 .../message-box/recall.component.scss         | 19 +++++++++++++++-
 .../lib/dialogs/alert.dialog.component.scss   | 22 +++++++++++++++++++
 3 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.html
index 20979451..5cf7c2be 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.html
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.html
@@ -1,5 +1,4 @@
 <div class="bubble-main">
-  <span>
-    회수된 메시지
-  </span>
+  <span class="icon-recall"><i class="material-icons">redo</i></span>
+  <span class="recall-msg">회수된 메시지</span>
 </div>
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.scss
index 0980d504..8f6cc6e6 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.scss
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.scss
@@ -1,4 +1,21 @@
 .bubble-main {
   padding: 14px;
   text-align:left;
-}
\ No newline at end of file
+  .icon-recall{
+    width: 30px;
+    height: 30px;
+    display: inline-flex;
+    border-radius: 50%;
+    background: #999999;
+    align-items: center;
+    justify-content: center;
+    margin-right: 6px;
+    i{
+      color:#ffffff;
+      font-size:20px;
+    }
+  }
+  .recall-msg{
+    color:#999999;
+  }
+}
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 e69de29b..f038cb15 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
@@ -0,0 +1,22 @@
+.mat-card{
+  padding:10px;
+  .mat-card-header{
+    margin-bottom:20px;
+    .mat-card-title{
+      margin:0 -16px;
+      padding-bottom:10px;
+    }
+  }
+  .button-farm {
+    text-align:right;
+    .mat-primary{
+      margin-left:4px;
+    }
+  }
+}
+
+form{
+.mat-form-field{
+  width:100%;
+  }
+}