diff --git a/app/assets/javascripts/discourse/app/components/topic-map/topic-map-link.gjs b/app/assets/javascripts/discourse/app/components/topic-map/topic-map-link.gjs index bccb7ed2d62..2103b2ed673 100644 --- a/app/assets/javascripts/discourse/app/components/topic-map/topic-map-link.gjs +++ b/app/assets/javascripts/discourse/app/components/topic-map/topic-map-link.gjs @@ -31,11 +31,13 @@ export default class TopicMapLink extends Component { data-clicks={{@clickCount}} aria-label={{i18n "topic_map.clicks" count=@clickCount}} > - {{#if @title}} - {{replaceEmoji this.truncatedContent}} - {{else}} - {{this.truncatedContent}} - {{/if}} + + {{#if @title}} + {{replaceEmoji this.truncatedContent}} + {{else}} + {{this.truncatedContent}} + {{/if}} + {{#if (and @title @rootDomain)}} diff --git a/app/assets/stylesheets/common/components/topic-map.scss b/app/assets/stylesheets/common/components/topic-map.scss index e758f463d03..6513b6d0a39 100644 --- a/app/assets/stylesheets/common/components/topic-map.scss +++ b/app/assets/stylesheets/common/components/topic-map.scss @@ -380,7 +380,7 @@ body:not(.archetype-private_message) { grid-template-columns: auto 1fr; grid-template-areas: "counter link" - ". domain"; + "counter domain"; padding: 0.75em 1rem; gap: 0.25em; @@ -396,11 +396,18 @@ body:not(.archetype-private_message) { } .topic-link { - grid-area: link; + display: contents; + + .content { + grid-area: link; + } } .topic-link[data-clicks]::before { @include click-counter-badge; + grid-area: counter; + align-self: start; + margin-top: 0.35em; } .topic-link[data-clicks]::after {