From b4503d7309e0717151d8aaf26eb542fb4122ea18 Mon Sep 17 00:00:00 2001
From: Richard Park <richard.park@loafle.com>
Date: Thu, 24 Oct 2019 16:28:19 +0900
Subject: [PATCH] li to button

---
 .../src/lib/components/form.component.html    | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.html
index 60b682c7..ac18a03b 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.html
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.html
@@ -5,15 +5,17 @@
   fxLayoutAlign="center center"
 >
   <div class="add-option">
-    <i class="material-icons">
-      attach_file
-    </i>
-    <i class="material-icons">
-      sentiment_satisfied_alt
-    </i>
-    <i class="material-icons">
-      g_translate
-    </i>
+    <button mat-icon-button class="material-icons">
+      <mat-icon>attach_file</mat-icon>
+    </button>
+
+    <button mat-icon-button class="material-icons">
+      <mat-icon>sentiment_satisfied_alt</mat-icon>
+    </button>
+
+    <button mat-icon-button class="material-icons">
+      <mat-icon>g_translate</mat-icon>
+    </button>
   </div>
 
   <form