From 9ab18ed2e3985af6933ce79238cc25a316cfeec6 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Thu, 27 Jun 2024 13:47:12 -0400
Subject: [PATCH] UX: fix featured link alignment, hide participants wrapper
 outside of PMs (#27636)

---
 .../discourse/app/components/header/topic/info.gjs        | 8 ++++----
 app/assets/stylesheets/common/base/header.scss            | 6 ++++++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/discourse/app/components/header/topic/info.gjs b/app/assets/javascripts/discourse/app/components/header/topic/info.gjs
index 3f5b4210ccd..0029a976533 100644
--- a/app/assets/javascripts/discourse/app/components/header/topic/info.gjs
+++ b/app/assets/javascripts/discourse/app/components/header/topic/info.gjs
@@ -157,8 +157,8 @@ export default class Info extends Component {
 
             <div class="topic-header-extra">
               {{htmlSafe this.tags}}
-              <div class="topic-header-participants">
-                {{#if this.showPM}}
+              {{#if this.showPM}}
+                <div class="topic-header-participants">
                   {{#each this.participants as |participant|}}
                     <Participant
                       @user={{participant}}
@@ -178,8 +178,8 @@ export default class Info extends Component {
                       +{{this.remainingParticipantCount}}
                     </a>
                   {{/if}}
-                {{/if}}
-              </div>
+                </div>
+              {{/if}}
               {{#if this.siteSettings.topic_featured_link_enabled}}
                 <FeaturedLink />
               {{/if}}
diff --git a/app/assets/stylesheets/common/base/header.scss b/app/assets/stylesheets/common/base/header.scss
index e9a18000a7c..89c010dc480 100644
--- a/app/assets/stylesheets/common/base/header.scss
+++ b/app/assets/stylesheets/common/base/header.scss
@@ -363,6 +363,12 @@
         vertical-align: unset;
       }
     }
+    .topic-featured-link {
+      align-self: baseline;
+      .d-icon {
+        font-size: var(--font-down-2);
+      }
+    }
   }
 }