Can we close the gap at the bottom of a Topic?

UX
1

This gap is playing havoc with my OCD :blush:

Can we close it up a bit?

Discourse v2.2.0.beta9+40

image
image.png830×198 28.1 KB

image
image.png981×251 32.9 KB

4 Likes
2

Couple more examples:

image
image.png694×178 16.8 KB

image
image.png770×253 25.1 KB

1 Like
3

The spacing above / below the “browse other topics” line looks pretty balanced to me! But if you want to tighten it up overall you could do:

.suggested-topics {
    padding-bottom: 10px;
}
.suggested-topics .topics {
    padding-bottom: 10px;
}

Just reduce both those numbers (both default at 15px).

4

The gap between the words mate, where the red arrows are pointing? :blush:

6

Lmao totally missed that…I guess a specific HTML element is worth a thousand screenshots :wink:

Makes sense, so I think basically this would fix:

.suggested-topics-message .badge-wrapper.bullet {
    margin: 0 5px;
}
4 Likes
7

This will be fixed via

https://github.com/discourse/discourse/commit/a9734eef8159bf08c53ab7920b4fc69ce1d6de0a

thanks for reporting the issue @Richie :+1:

10 Likes
8

This topic was automatically closed after 15 hours. New replies are no longer allowed.