From 23043edc7407b80f9f575be50369a9aae762a8c2 Mon Sep 17 00:00:00 2001
From: Roie Natan <roie.natan@gmail.com>
Date: Fri, 3 Nov 2023 17:07:13 -0400
Subject: [PATCH 1/3] messages ballons design update

---
 .../common/components/ChatComponent/ChatComponent.module.scss | 4 ++--
 .../components/Chat/ChatMessage/ChatMessage.module.scss       | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/common/components/ChatComponent/ChatComponent.module.scss b/src/pages/common/components/ChatComponent/ChatComponent.module.scss
index 32838bd7c3..d7f3103421 100644
--- a/src/pages/common/components/ChatComponent/ChatComponent.module.scss
+++ b/src/pages/common/components/ChatComponent/ChatComponent.module.scss
@@ -18,14 +18,14 @@
   overscroll-behavior: contain;
   display: flex;
   flex-direction: column-reverse;
-  padding: 0.5rem 2rem 0;
+  padding: 0.5rem 1.375rem 0;
   padding-bottom: calc(var(--chat-input-wrapper-height) + 7rem);
 }
 
 .emptyChat {
   display: flex;
   justify-content: center;
-  padding: 0.5rem 2rem 0;
+  padding: 0.5rem 1.375rem 0;
   padding-bottom: calc(var(--chat-input-wrapper-height) + 7rem);
 }
 
diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
index d9cd0d7295..5fda3bf717 100644
--- a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
+++ b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
@@ -60,6 +60,7 @@
   text-align: start;
   font-size: $small;
   color: $secondary-blue;
+  max-width: 33.563rem;
 
   &:hover {
     .menuArrowButton {
@@ -90,6 +91,7 @@
 
 .messageTextCurrentUser {
   background-color: $c-pink-active-feed-cards;
+  margin-left: 2.8rem;
 }
 
 .systemMessageContainer {

From 51e305f84071789a3ac7dd1042022c7720053864 Mon Sep 17 00:00:00 2001
From: Roie Natan <roie.natan@gmail.com>
Date: Tue, 7 Nov 2023 08:07:44 -0500
Subject: [PATCH 2/3] added margins to others messages and system messages

---
 src/shared/components/Chat/ChatMessage/ChatMessage.module.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
index 5fda3bf717..0c49ea1085 100644
--- a/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
+++ b/src/shared/components/Chat/ChatMessage/ChatMessage.module.scss
@@ -61,6 +61,7 @@
   font-size: $small;
   color: $secondary-blue;
   max-width: 33.563rem;
+  margin-right: 2.8rem;
 
   &:hover {
     .menuArrowButton {
@@ -92,6 +93,7 @@
 .messageTextCurrentUser {
   background-color: $c-pink-active-feed-cards;
   margin-left: 2.8rem;
+  margin-right: unset;
 }
 
 .systemMessageContainer {
@@ -105,6 +107,7 @@
   font-size: $xxsmall-2;
   color: $c-gray-60;
   direction: ltr;
+  margin: 0 4.25rem;
 }
 
 .messageName {

From 7914ee8b763daab4fa57ff0731966342b882a45e Mon Sep 17 00:00:00 2001
From: Kiryl Budnik <kirill.bubnik.95@gmail.com>
Date: Tue, 7 Nov 2023 19:46:50 +0100
Subject: [PATCH 3/3] update webpack configuration with devtool property

---
 craco.config.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/craco.config.js b/craco.config.js
index f4477e6d2f..4398b2d0ed 100644
--- a/craco.config.js
+++ b/craco.config.js
@@ -22,5 +22,17 @@ module.exports = {
         tsConfigPath: "./tsconfig.paths.json",
       },
     },
+    {
+      plugin: {
+        overrideWebpackConfig: ({ webpackConfig }) => {
+          webpackConfig.devtool =
+            process.env.REACT_APP_ENV === "dev"
+              ? "source-map"
+              : "eval-cheap-module-source-map";
+
+          return webpackConfig;
+        },
+      },
+    },
   ],
 };