# Zeer klein probleem: op de onderwerplijst kan de indicator voor nieuwe berichten op een eigen regel staan

**URL:** https://meta.discourse.org/t/very-minor-issue-on-the-topics-list-the-new-messages-indicator-can-be-on-a-new-line-by-itself/215980
**Category:** UX
**Created:** [25 januari 2022 om 20:03 UTC](https://meta.discourse.org/t/very-minor-issue-on-the-topics-list-the-new-messages-indicator-can-be-on-a-new-line-by-itself/215980 "2022-01-25T20:03:49Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [25 januari 2022 om 20:03 UTC](https://meta.discourse.org/t/very-minor-issue-on-the-topics-list-the-new-messages-indicator-can-be-on-a-new-line-by-itself/215980/1 "2022-01-25T20:03:49Z")

</div>

Example:

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/f/5f3ad12eda7869a2b5b172e3bb5e27195eb3add9.png)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [16 februari 2022 om 01:13 UTC](https://meta.discourse.org/t/very-minor-issue-on-the-topics-list-the-new-messages-indicator-can-be-on-a-new-line-by-itself/215980/3 "2022-02-16T01:13:31Z")

</div>

This is fixed here:

[https://github.com/discourse/discourse/pull/15965](https://github.com/discourse/discourse/pull/15965)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [6 maart 2022 om 21:41 UTC](https://meta.discourse.org/t/very-minor-issue-on-the-topics-list-the-new-messages-indicator-can-be-on-a-new-line-by-itself/215980/4 "2022-03-06T21:41:35Z")

</div>

Sure about that? 🤔

![image](https://global.discourse-cdn.com/meta/original/3X/7/4/7482e91ea5577946c21ef63daafe32def731f996.png)

### 2.9.0.beta2

([f9e1ba4f8f](https://github.com/discourse/discourse/commits/f9e1ba4f8f15ab1dd18c4786c2a284787c13b1dd))

On Chrome Desktop, and same with [safe mode](https://meta.discourse.org/t/53504?silent=true).

Row HTML code:

```xml
<div class="top-row">
    <!---->
    <a href="/t/nouveau-champagne-edition-1978/42061" role="heading" aria-level="2" class="title" data-topic-id="42061">Nouveau Champagne Edition 1978</a><!----><span id="ember309" class="topic-post-badges ember-view"><!----> &nbsp;<a href="/t/nouveau-champagne-edition-1978/42061" title="nouveau sujet" class="badge badge-notification new-topic">nouveau</a>
</span>
  </div>

```

`<a>` CSS:

```css
.topic-list-main-link a.title, .topic-list .main-link a.title, .latest-topic-list-item .main-link a.title {
    padding: 15px 0;
    word-break: break-word;
    color: var(--primary);
}

```

Post badge CSS:

```css
.topic-post-badges {
    white-space: nowrap;
    align-self: center;
    line-height: var(--line-height-medium);
}

```

* * *

Also, a question: what’s with this “nouveau” (“new”) text? It exists in the dom, takes space, but have absolutely no style/property applied to it:

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/9/a94972ad1c69653eaa082fdb446cdcdc4d6ffa87.png)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [14 maart 2022 om 16:46 UTC](https://meta.discourse.org/t/very-minor-issue-on-the-topics-list-the-new-messages-indicator-can-be-on-a-new-line-by-itself/215980/5 "2022-03-14T16:46:46Z")

</div>

Also, the appearance of the dot is sometimes a bit different from one topic line to another.

They have the **exact same CSS properties**. Both dots computed dimensions are 5.219px. But they _look_ different:

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/7/0729fd061f24c86095d20da872fc5f0372202968.png)

On the image I posted on my previous post, it seems taller:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/7/3/7391a9a4a44369d7313c830c6d8c3de49fd417f9.png)

Their “roundness” varies depending on the browser zoom.  
I’m fairly certain that these roundness variations are caused by their final rounded (no pun) width and heigh values since they are floating numbers (their dimensions unit are **em** and not **px** ). If I set them all to 5px, the issue disappear. But I understand that their dimensions are supposed to be related to the font size or whatever else for visual consistency.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [17 maart 2022 om 12:14 UTC](https://meta.discourse.org/t/very-minor-issue-on-the-topics-list-the-new-messages-indicator-can-be-on-a-new-line-by-itself/215980/7 "2022-03-17T12:14:15Z")

</div>

If I’m not mistaken, you updated the dot CSS for a fixed (or rounded computed value) size. It looks way better, both here and on my forum I rebuilt this morning. Nice 👍

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [1 april 2022 om 10:10 UTC](https://meta.discourse.org/t/very-minor-issue-on-the-topics-list-the-new-messages-indicator-can-be-on-a-new-line-by-itself/215980/8 "2022-04-01T10:10:57Z")

</div>


