22

Today, there was a site-wide CSS change on "badge tags".

The left padding on all badges increased, making all of our badges look off-center.

Here's what they looked like before:

Badge tags

How they look now:

enter image description here

It looks awful to me, because I'm used to how they were before.


Technical details:

Relevant CSS styling before:

.badge-tag {
  padding: .4em .8em .4em .6em;
}

And what they changed it to:

.badge-tag {
  padding: .4em .8em;
}

You can experiment with this by right-clicking on any badge in Chrome or Firefox and going to Inspector, and finding the padding attribute in there.


Is this something we'll have to fix on our own with user-styles? Or can this be fixed by the site owner?

3
  • 3
    I like the new padding - anarchyyyyy!!!! Commented Mar 30, 2016 at 14:33
  • 1
    Woa... you're right. Old one was definitely better
    – Almo
    Commented Mar 30, 2016 at 15:12
  • Upvoted just to keep the only answer having a score of exactly negative of the question. Commented Mar 30, 2016 at 15:18

2 Answers 2

3

I've restored the previous style:

.badge-tag {
  padding: .4em .8em .4em .4em;
}
1
  • I cannot thank you enough! All of us perfectionists can now comfortably continue our SE routine. Again, thanks for the update! Commented Mar 30, 2016 at 19:04
-20

you can use this css:

.badge1, .badge2, .badge3{
    margin-left: 0px;
}
3
  • This code ruins the spacing of badge counts in the "Joined Communities" section, and only works for sites that use "circles" for badge color icons. Commented Mar 30, 2016 at 7:30
  • 9
    Also, I didn't ask for code. I asked if the site owner was going to fix it or if we're gonna have to use user styles. Commented Mar 30, 2016 at 7:35
  • 2
    Also, @AaronGillion alraedy showed the correct code for a fix. Commented Mar 30, 2016 at 15:17

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .