From b684566469b685fd7bcd8be96a1395ceb7ee6129 Mon Sep 17 00:00:00 2001
From: khk <khk@gmail.com>
Date: Wed, 12 Feb 2020 17:28:58 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8C=80=ED=99=94=EB=B0=A9=20-=EB=8B=A4?=
 =?UTF-8?q?=EB=A5=B8=EC=9D=B4=EB=A6=84=EC=9C=BC=EB=A1=9C=20=EC=A0=80?=
 =?UTF-8?q?=EC=9E=A5=20=EC=A7=A4=EB=A6=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../change-password.dialog.component.html     |  2 +-
 .../change-password.dialog.component.scss     |  4 ++--
 .../lib/components/message-box.component.scss | 24 ++++++++++++-------
 .../src/lib/components/write.component.scss   |  2 +-
 4 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/change-password.dialog.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/change-password.dialog.component.html
index da00235c..009e4ee9 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/change-password.dialog.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/change-password.dialog.component.html
@@ -17,7 +17,7 @@
       ></ucap-account-change-password>
     </div>
   </mat-card-content>
-  <mat-card-actions class="button-farm flex-row">
+  <mat-card-actions class="button-frame flex-row">
     <button
       mat-stroked-button
       (click)="onClickChoice(false)"
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/change-password.dialog.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/change-password.dialog.component.scss
index eeffa9a1..75117792 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/change-password.dialog.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/change-password.dialog.component.scss
@@ -1,4 +1,4 @@
-::ng-deep .setting-frame {
+.setting-frame {
   padding: 16px;
   height: 100%;
   min-width: 400px;
@@ -23,7 +23,7 @@
     border-bottom: 1px solid #dddddd;
   }
 
-  .button-farm {
+  .button-frame {
     text-align: right;
     position: absolute;
     width: 100%;
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.scss
index 0302135b..226ccc32 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.scss
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.scss
@@ -165,20 +165,28 @@ $tablet-s-width: 768px;
     }
   }
 }
-::ng-deep .bubble-main {
-  word-wrap: break-word;
-  white-space: pre-wrap;
-  word-break: break-word;
-  a {
-    color: #0367a6;
-    text-decoration: underline;
+
+::ng-deep .bubble {
+  .bubble-main {
+    word-wrap: break-word;
+    white-space: pre-wrap;
+    word-break: break-word;
+    a {
+      color: #0367a6;
+      text-decoration: underline;
+    }
+  }
+  .btn-box {
+    min-width: 300px;
+    @media screen and (max-width: #{$tablet-s-width}) {
+      min-width: 250px;
+    }
   }
 }
 
 ::ng-deep .view-previous {
   display: flex;
   flex-flow: column;
-  //background-color: rgba(0, 0, 0, 0.4);
   color: #ffffff;
   justify-content: center;
   justify-items: center;
diff --git a/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.scss b/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.scss
index 11aa5f22..b23f81b3 100644
--- a/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.scss
+++ b/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.scss
@@ -128,7 +128,7 @@
     margin-top: 10px;
   }
 }
-::ng-deep .attach-file {
+.attach-file {
   display: flex;
   flex-flow: row;
   flex: 1 1 auto;