From 770feabb59e50afbae11803ae1d84d581f67a95d Mon Sep 17 00:00:00 2001
From: Sami Mazouz <sychocouldy@gmail.com>
Date: Sat, 23 Nov 2024 14:31:03 +0100
Subject: [PATCH] fix(regression): improve discussion list item styling
 extensibility (#4128)

---
 .../core/less/forum/DiscussionListItem.less   | 21 +++++++++++++------
 .../core/less/forum/DiscussionListPane.less   |  3 ---
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/framework/core/less/forum/DiscussionListItem.less b/framework/core/less/forum/DiscussionListItem.less
index c04312591..143f51717 100644
--- a/framework/core/less/forum/DiscussionListItem.less
+++ b/framework/core/less/forum/DiscussionListItem.less
@@ -15,15 +15,24 @@
 .DiscussionListItem-content {
   position: relative;
   color: var(--muted-color);
-  display: grid;
-  grid-template-columns: auto minmax(50%, 1fr) auto;
+  display: flex;
   gap: 16px;
   padding: 12px 26px 12px 0;
+
+  > * {
+    flex-grow: 0;
+    flex-shrink: 0;
+  }
 }
 .DiscussionListItem-main {
   color: inherit;
   text-decoration: none;
   display: block;
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+.DiscussionListItem-author {
+  position: relative;
 }
 .DiscussionListItem-author-avatar {
   display: block;
@@ -35,7 +44,7 @@
   pointer-events: none;
 
   position: absolute;
-  top: 0;
+  top: -14px;
   left: -2px;
 }
 .DiscussionListItem-title {
@@ -167,9 +176,9 @@
     }
   }
   .DiscussionListItem-badges {
-    width: 38px;
-    left: 19px;
-    top: -4px;
+    width: 48px;
+    left: -4px;
+    top: -15px;
 
     .badge {
       .Badge--size(20px);
diff --git a/framework/core/less/forum/DiscussionListPane.less b/framework/core/less/forum/DiscussionListPane.less
index c10c79d72..d514a43c4 100644
--- a/framework/core/less/forum/DiscussionListPane.less
+++ b/framework/core/less/forum/DiscussionListPane.less
@@ -48,9 +48,6 @@
       overflow: hidden;
       text-overflow: ellipsis;
     }
-    .DiscussionListItem-badges {
-      left: 12px;
-    }
   }
 }