From ccd5c7ec61eaa2eb963cc2568dcd6f992f8b33af Mon Sep 17 00:00:00 2001
From: khk <khk@gmail.com>
Date: Fri, 10 Jan 2020 12:10:07 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B2=88=EC=97=AD=201=EC=B0=A8=20=EB=A7=88?=
 =?UTF-8?q?=EB=AC=B4=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/lib/components/form.component.html    |  2 +-
 .../src/lib/components/form.component.scss    |  4 +++-
 .../translation-section.component.html        | 16 +++++++++++++---
 .../translation-section.component.scss        | 19 ++++++++-----------
 4 files changed, 25 insertions(+), 16 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 139b3bcf..4be941ee 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
@@ -59,7 +59,7 @@
     </mat-form-field>
 
     <button
-      class="send-message-button bg-primary-darkest"
+      class="send-message-button bg-accent-darkest"
       mat-icon-button
       type="submit"
       aria-label="Send message"
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.scss
index 97fdf5eb..a9be7d4f 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.scss
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.scss
@@ -26,7 +26,9 @@
   }
 }
 textarea[name='message'] {
-  min-height: 30px;
+  min-height: 2em;
+  line-height: 1.2em;
+  font-size: 0.9em;
 }
 .mat-form-field-underline {
   background-color: none;
diff --git a/projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.html b/projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.html
index a3697943..9ede6f75 100644
--- a/projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.html
+++ b/projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.html
@@ -17,13 +17,23 @@
       (click)="onClickSendTranslationMessage(translationPreviewInfo)"
     >
       <!--{{ 'chat.send' | translate }}-->
-      <svg _ngcontent-smu-c52="" fill="none" height="20" stroke="currentColor" stroke-linecap="butt" stroke-linejoin="round"
-        stroke-width="2" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg">
+      <svg
+        _ngcontent-smu-c52=""
+        fill="none"
+        height="20"
+        stroke="currentColor"
+        stroke-linecap="butt"
+        stroke-linejoin="round"
+        stroke-width="2"
+        viewBox="0 0 24 24"
+        width="20"
+        xmlns="http://www.w3.org/2000/svg"
+      >
         <path _ngcontent-smu-c52="" d="M12 19V6M5 12l7-7 7 7"></path>
       </svg>
     </button>
     <button
-      class="btn-close-translatebox bg-accent-dark"
+      class="btn-close-translatebox bg-accent-color"
       aria-label="Close"
       (click)="onClickTranslationCancel()"
     >
diff --git a/projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.scss b/projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.scss
index 4d657908..e6e8a7cb 100644
--- a/projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.scss
+++ b/projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.scss
@@ -10,29 +10,26 @@
     font-size: 1.1em;
 
     .translate-text {
-      margin: 10px 10px 10px 30px;
+      margin: 14px 20px 14px 30px;
       max-height: 100px;
-      word-break: break-all;
+      word-wrap: break-word;
       white-space: pre-wrap;
+      word-break: break-word;
       overflow-y: auto;
       display: flex;
       flex: 1 1 auto;
     }
     .btn-translation-send {
-      /* min-width: 80px;
-      background-color: rgb(255, 255, 255,0.1);
-      border-radius: 0;
-      border: none;*/
-      background-color: #ffffff;
-      color: #333333;
-      border-radius: 0;
+      align-self: center;
+      stroke: #ffffff;
       width: 40px;
       height: 40px;
+      min-width: 40px;
+      border: 2px solid #ffffff;
       border-radius: 50%;
       margin-right: 20px;
       padding: 0;
-      min-width: 40px;
-      align-self: center;
+      line-height: 1;
     }
     .btn-close-translatebox {
       height: 100%;