# Очень мелкая проблема: в списке тем индикатор новых сообщений может оказаться на новой строке отдельно

**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.Январь.2022 20:03:49 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:** 1\
**Showing post:** 4

<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:** [06.Март.2022 21:41:35 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>

Уверены в этом? 🤔

![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))

На рабочем столе Chrome, то же самое в безопасном режиме.

HTML-код строки:

```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>

```

CSS для `<a>`:

```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);
}

```

CSS для значков поста:

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

```

* * *

Также вопрос: что это за текст «nouveau» («новый»)? Он присутствует в DOM, занимает место, но к нему не применено никаких стилей или свойств:

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

---

_[View the full topic](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)._