From a6bd3994f32b62aec8283eeb357e9cdcf2c1148b Mon Sep 17 00:00:00 2001
From: Jarek Radosz <jradosz@gmail.com>
Date: Tue, 27 Jun 2023 18:49:45 +0200
Subject: [PATCH] UX: Align chat separators, increase mobile chat width
 (#22298)

---
 .../assets/stylesheets/common/chat-message-separator.scss   | 6 +++---
 plugins/chat/assets/stylesheets/mobile/chat-channel.scss    | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/plugins/chat/assets/stylesheets/common/chat-message-separator.scss b/plugins/chat/assets/stylesheets/common/chat-message-separator.scss
index f34c90afd5308..4575e1aa37bdf 100644
--- a/plugins/chat/assets/stylesheets/common/chat-message-separator.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-message-separator.scss
@@ -5,7 +5,7 @@
   &-new {
     display: flex;
     justify-content: center;
-    padding: 20px 0 20px 1em;
+    padding: 20px 0 20px var(--scrollbarWidth);
     position: relative;
 
     .chat-message-separator__text-container {
@@ -44,7 +44,7 @@
     display: flex;
     align-items: flex-start;
     justify-content: center;
-    padding-left: 1rem;
+    padding-left: var(--scrollbarWidth);
     pointer-events: none;
 
     &.with-last-visit {
@@ -125,7 +125,7 @@
     }
 
     & + .chat-message-separator__line-container {
-      padding: 20px 0;
+      padding: 20px 0 20px var(--scrollbarWidth);
       box-sizing: border-box;
 
       .chat-message-separator__line {
diff --git a/plugins/chat/assets/stylesheets/mobile/chat-channel.scss b/plugins/chat/assets/stylesheets/mobile/chat-channel.scss
index ff846f1bac36e..5eabe9eec0604 100644
--- a/plugins/chat/assets/stylesheets/mobile/chat-channel.scss
+++ b/plugins/chat/assets/stylesheets/mobile/chat-channel.scss
@@ -1,5 +1,5 @@
 .chat-channel {
   .chat-messages-scroll {
-    padding: 0 10px 10px 10px;
+    padding-bottom: 5px;
   }
 }