A discussion on improving the CSS for the “Staff Color” post notice is underway. MarcP identified issues on mobile and desktop versions, proposing changes to add margins and padding to align the staff color block with the username. The suggested desktop changes include adding margin-left: 8px and on mobile, adding padding-top: 1em and padding-left: 1em. MarcP confirmed the issue exists on meta and created a PR to address it.
However, awesomerobot expressed concerns about preserving the text alignment and post width, suggesting that the indent shift affects the left alignment and makes the post content narrower. MarcP then updated the changes, modifying the colors for better clarity, and shared the revised version. chapoi and awesomerobot both approved the revised changes, which are now available in the PR: https://github.com/discourse/discourse/pull/17365.
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)
I agree that the alignment of the box isn’t ideal, but I’d really like to preserve the text alignment and post width if possible… the indent shifts that left alignment, and also makes the post content more narrow than other posts
