From 5be658849bb3890b75205f925b74d3a165147b82 Mon Sep 17 00:00:00 2001
From: Rafael dos Santos Silva <xfalcox@gmail.com>
Date: Tue, 1 Aug 2023 11:57:29 -0300
Subject: [PATCH] UX: Fixes for new related topic styles (#22906)

---
 app/assets/stylesheets/desktop/topic-post.scss |  4 ----
 app/assets/stylesheets/desktop/topic.scss      | 18 ++++++++++++++----
 app/assets/stylesheets/mobile/topic-post.scss  |  3 +++
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss
index b998de7272c..afbb9ba29f8 100644
--- a/app/assets/stylesheets/desktop/topic-post.scss
+++ b/app/assets/stylesheets/desktop/topic-post.scss
@@ -370,10 +370,6 @@ pre.codeblock-buttons:hover {
 
 .more-content-topics {
   margin-top: 2em;
-
-  .suggested-topics-message {
-    display: none;
-  }
 }
 
 span.post-count {
diff --git a/app/assets/stylesheets/desktop/topic.scss b/app/assets/stylesheets/desktop/topic.scss
index 5a33ab04bd4..c7ab3ad82bc 100644
--- a/app/assets/stylesheets/desktop/topic.scss
+++ b/app/assets/stylesheets/desktop/topic.scss
@@ -139,11 +139,21 @@
 .more-content-wrapper {
   display: flex;
   justify-content: space-around;
+  clear: both;
 
-  .topic-list-header,
-  .posts-map,
-  .views {
-    display: none;
+  &:not(.single-list) {
+    column-gap: 0.75em;
+
+    .topic-list-header,
+    .posts-map,
+    .views,
+    .suggested-topics-message {
+      display: none;
+    }
+  }
+
+  .more-content-topics {
+    flex: 1 1 0;
   }
 
   .topic-list-body {
diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index 3fc6eee640a..d1633b2c6e1 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -273,6 +273,9 @@ a.reply-to-tab {
     font-size: var(--font-down-1);
     vertical-align: top;
   }
+  .suggested-topics-message {
+    margin-top: 1em;
+  }
 }
 
 span.post-count {