From be994058537599935a2123e5d4bb408cde76c557 Mon Sep 17 00:00:00 2001
From: abdou6666 <sfayhi.abderrahmen@esprit.tn>
Date: Thu, 5 Dec 2024 18:09:23 +0100
Subject: [PATCH] fix: carrousel styling

---
 widget/src/components/Message.scss                  | 6 ++----
 widget/src/components/messages/CarouselMessage.scss | 3 +--
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/widget/src/components/Message.scss b/widget/src/components/Message.scss
index 715f80cb..655638cc 100644
--- a/widget/src/components/Message.scss
+++ b/widget/src/components/Message.scss
@@ -38,14 +38,14 @@
     display: flex;
     flex-direction: row;
     position: relative;
-    max-width: calc(100% - 2rem);
+    max-width: calc(100% - 40px); // same as avatar spacing
     width: auto;
 
     .sc-message--avatar {
       width: 32px;
       height: 32px;
       margin-right: 4px;
-      margin-top: 2px;
+      margin: 2px 4px;
       background-position: 0 0;
       flex-shrink: 0;
       background-size: cover;
@@ -55,8 +55,6 @@
     .sc-message--wrapper {
       display: flex;
       flex-direction: column;
-      max-width: 290px;
-      width: 100%;
 
       .sc-message--text {
         padding: 10px 20px;
diff --git a/widget/src/components/messages/CarouselMessage.scss b/widget/src/components/messages/CarouselMessage.scss
index bbf427ce..b76f7b3b 100644
--- a/widget/src/components/messages/CarouselMessage.scss
+++ b/widget/src/components/messages/CarouselMessage.scss
@@ -1,7 +1,7 @@
 .sc-message--carousel {
   border-radius: 0.5rem;
   position: relative;
-  width: 100%;
+  width: 275px;
   overflow: hidden;
 
   .sc-message--carousel-inner {
@@ -18,7 +18,6 @@
 
       .sc-message--carousel-element {
         width: 100%;
-        min-width: 290px;
         .sc-message--carousel-element-image {
           background-repeat: no-repeat;
           background-size: cover;