From 0dd20fc2051cf8664cb8735124c14d093b919375 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9A=D0=B0=D1=80=D0=B8=D0=BC=D0=BE=D0=B2=20=D0=90=D0=B4?=
 =?UTF-8?q?=D0=B5=D0=BB=D1=8C?= <adelchik022005@gmail.com>
Date: Thu, 12 Sep 2024 16:24:47 +0000
Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8=D1=82?=
 =?UTF-8?q?=D1=8C=20assets/css/chat.css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/chat.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/assets/css/chat.css b/assets/css/chat.css
index 3317915..0754621 100644
--- a/assets/css/chat.css
+++ b/assets/css/chat.css
@@ -36,6 +36,15 @@ body, html {
     /*justify-self: flex-end;*/
 }
 
+.message-box-mine, .message-box-alien {
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.message-box-mine, .message-box-alien {
+    border-radius: 10px;
+}
+
+
 .message-box-alien {
     margin-left: 5px;
     margin-right: auto;
@@ -104,6 +113,12 @@ body, html {
     display: inline;
 }
 
+.message-box-button:hover {
+    transform: scale(1.1);
+    transition: transform 0.2s;
+}
+
+
 .message-box-msg{
     word-wrap: break-word;
 }
@@ -112,7 +127,14 @@ body, html {
     min-height: 20px;
 }
 
+#chat-widget {
+    background: linear-gradient(to bottom, #f1f1f1, #e0e0e0);
+}
+
+
 #message-input {
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    padding: 20px;
     padding: 15px;
     height: auto;
     width: 100%;
@@ -124,6 +146,8 @@ body, html {
     margin: 10px;
 }
 
+
+
 .message-in-popup-preview{
     border: 4px solid red;
     width: 80%;