7

I just noticed a spacing inconsistency and it's bugging me.

In the question post UI, .js-post-tag-list-wrapper contents are li.d-inline.mr4.js-post-tag-list-item, where the mr4 class has margin-right: var(--su4) !important, and the content of those lis are a.post-tag, with margin: var(--su2) var(--su2) var(--su2) 0 and border-width: 1px (for some reason my browser devtools show 0.8 in the box sizing inspector though), but .themed.subcommunity-topic-avatar has .s-avatar.s-avatar__24.va-text-top.js-community-tag.m2.va-top, where the m2 class has margin: var(--su2) !important. --su4 is calc(4px * 1) and --su2 is calc(2px * 1).

So (if I'm not making any mistakes) the space between the border-boxes of tags is 5px, but the space between the border box of the collective avatar and the border box of the first tag is 2px.

Screenshots:

enter image description here

enter image description here

enter image description here

enter image description here

Can it please be made consistent? (sorry for being a whiny brat)

Related question, but not the same: Collectives icon has wonky borders.

Related MDN page: docs/Learn/CSS/Building_blocks/The_box_model.

3
  • 2
    This spacing inconsistency has been addressed. Thank you for this post!
    – Berthold StaffMod
    Mar 31, 2023 at 2:05
  • @Berthold thank you all for addressing it :D
    – user
    Mar 31, 2023 at 2:16
  • hmm. I wonder if I should blame caching for the fact that it doesn't seem fixed for me right now.
    – user
    Mar 31, 2023 at 3:30

0

You must log in to answer this question.

Browse other questions tagged .