# Design in messages (change)

**URL:** https://meta.discourse.org/t/design-in-messages-change/80892
**Category:** UX
**Created:** [2월 18, 2018, 6:03오후 UTC](https://meta.discourse.org/t/design-in-messages-change/80892 "2018-02-18T18:03:39Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [2월 18, 2018, 6:03오후 UTC](https://meta.discourse.org/t/design-in-messages-change/80892/1 "2018-02-18T18:03:39Z")

</div>

Hello.

In private messages I see:

 ![messages](https://global.discourse-cdn.com/meta/original/3X/7/7/77ecc9a34db0848e894c8f7461ebe46725ddc4c6.gif)

Maybe the menu on the left is a mess? Maybe add an icon or remove an icon to align menu items?

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [2월 18, 2018, 6:23오후 UTC](https://meta.discourse.org/t/design-in-messages-change/80892/2 "2018-02-18T18:23:14Z")

</div>

> [@Stranik](#):
>
> Maybe add an icon or remove an icon to align menu items?

Maybe. I’m thinking tweaking `list-style-position` might be good enough without adding a list marker icon.

Got a mock-up of what you think would be an improvement?

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [2월 18, 2018, 6:39오후 UTC](https://meta.discourse.org/t/design-in-messages-change/80892/3 "2018-02-18T18:39:48Z")

</div>

Options can be many.

1. remove: `<i class="fa fa-group d-icon d-icon-group glyph"></i>` and add to `li` class: `archive`

 ![add](https://global.discourse-cdn.com/meta/original/3X/3/e/3ea33bb30da5407fda4fb571a8a0f7c95ea8d38f.gif)

1. or add an icon to the last item.

A single icon is evident. Or add another icon to highlight a group. Or to remove it.

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [2월 18, 2018, 6:47오후 UTC](https://meta.discourse.org/t/design-in-messages-change/80892/4 "2018-02-18T18:47:27Z")

</div>

Would not it be good for you this way?

 ![xVZiTlG](https://global.discourse-cdn.com/meta/original/4X/3/b/c/3bcfb981e6f1b687c11e07be9db604877c919df8.png)  
Without removing icons or anything but just aligning `Archive` under the group name.  
Add another icon I think it would be too “heavy” for the page graphics.

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [2월 18, 2018, 7:15오후 UTC](https://meta.discourse.org/t/design-in-messages-change/80892/5 "2018-02-18T19:15:17Z")

</div>

Yes, that’s an option. I was just saying that you can remove or add an icon to align. Accordingly, to move the inscription: Archive

```
.user-navigation .nav-stacked li.archive {
     padding-left: 30px; // was - padding-left: 15px;
}

```

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [2월 18, 2018, 8:35오후 UTC](https://meta.discourse.org/t/design-in-messages-change/80892/6 "2018-02-18T20:35:11Z")

</div>

Feel free to submit a PR.