# "Staff Color" post notice CSS improvements

**URL:** <https://meta.discourse.org/t/staff-color-post-notice-css-improvements/232093>\
**Category:** UX\
**Created:** [July 6, 2022, 12:33pm UTC](https://meta.discourse.org/t/staff-color-post-notice-css-improvements/232093 "2022-07-06T12:33:40Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)\
**Post date:** [July 6, 2022, 12:33pm UTC](https://meta.discourse.org/t/staff-color-post-notice-css-improvements/232093/1 "2022-07-06T12:33:40Z")

</div>

I noticed on mobile staff color on a post didn’t had margins. Also made some small improvements on desktop version.

I am happy to do a PR but I’m not really sure where to find desktop/mobile CSS.

Made the following changes:

desktop

```plaintext
.moderator .regular>.cooked {
    margin-left: 8px;
}

```

mobile

```plaintext
.moderator .regular>.cooked {
    padding-top: 1em;
    padding-left: 1em;
}

```

# old vs new

On desktop, just aligned start of the block with the username as it seemed more pleasing to the eye. (rounded corners are local, I removed that from the code above but will add them in the template I wrote asap)

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/1/0/010242e28ed69e9452c92ec7571ff97b90adcc53.png)

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/a/7/ba7293d5cb8c99ccea1889ca66159ed93742f81b.png)

And on mobile, fixed paddings to make text centered

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/1/b/51bc69c353cbe66b32cfce82841e1af3a0766c4d.jpeg)  
 ![image](https://global.discourse-cdn.com/meta/original/4X/4/7/d/47dc0c6dec2095032d5d1b9a30cfb380da75e7c5.jpeg)

---

_[View the full topic](https://meta.discourse.org/t/staff-color-post-notice-css-improvements/232093)._