From cac559225187eb6d3b8bb883ab962544a664848c Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Fri, 6 Oct 2023 21:56:36 +0200
Subject: [PATCH] UX: flat design for thread list (#23821)

* UX: thread list flat design

* UX: thread list mobile
---
 .../stylesheets/common/chat-thread-list-item.scss | 15 +++++++++------
 .../stylesheets/mobile/chat-threads-list.scss     |  2 +-
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/plugins/chat/assets/stylesheets/common/chat-thread-list-item.scss b/plugins/chat/assets/stylesheets/common/chat-thread-list-item.scss
index 8f0aafb8af0..7c718c82bf1 100644
--- a/plugins/chat/assets/stylesheets/common/chat-thread-list-item.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-thread-list-item.scss
@@ -1,24 +1,25 @@
 @mixin thread-list-item {
   display: flex;
   flex-direction: row;
-  padding: 0.5rem;
+  padding: 1rem;
+  margin-inline: 0.5rem;
   border-radius: var(--d-border-radius);
-  background-color: var(--primary-very-low);
-  border: 1px solid transparent;
+  border-bottom: 1px solid var(--primary-low);
+  cursor: pointer;
 }
 
 .chat-thread-list-item {
   @include thread-list-item;
-  cursor: pointer;
-  margin: 0.75rem;
 
   & + .chat-thread-list-item {
-    margin-top: 0;
+    margin-top: -1px;
   }
 
   .touch & {
     &:active {
       background-color: var(--d-hover);
+      padding-inline: 1.5rem;
+      margin-inline: 0;
     }
   }
 
@@ -26,6 +27,8 @@
     &:hover,
     &:active {
       background-color: var(--d-hover);
+      padding-inline: 1.5rem;
+      margin-inline: 0;
     }
   }
 
diff --git a/plugins/chat/assets/stylesheets/mobile/chat-threads-list.scss b/plugins/chat/assets/stylesheets/mobile/chat-threads-list.scss
index ddc9ec0e52a..6f5c78af559 100644
--- a/plugins/chat/assets/stylesheets/mobile/chat-threads-list.scss
+++ b/plugins/chat/assets/stylesheets/mobile/chat-threads-list.scss
@@ -1,7 +1,7 @@
 .chat-thread-list {
   &__items {
     .chat-thread-list-item {
-      margin: 0.5rem;
+      padding: 0.5rem 0.25rem;
     }
 
     &__no-threads {