Centering Meetup Organizer's badge

[nukaga]

The icon of the Meetup Organizer's badge is pointing to the right. I want to make it in the middle.

[nukaga]

This is solved by adding the following CSS.

.badge.item.dashicons.badge-organizer.dashicons-nametag
{
    left: 0px;
}

[dd32]

The circle is a box-shadow/border around the dashicon character, using CSS therefor causes the circle to shift with it.

It looks like most of the badges are not 100% centered, which if that's the case should be fixed upstream in dashicons by centering them in the canvas or something I think?

[kurokoroll]

If it were me, I would do it like this.

div#item-header #user-badges li div.dashicons:before{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

[coffee2code]

Fixed in [14546-dotorg].

A left: 1px style was being applied to the dashicons. I removed it by default, since most badges were better centered without it. I explicitly re-added the style to a handful of badge dashicons that need it: themes, plugins, design, support, and WordCamp organizer. Also, the hosting badge didn't need the 2px top style applied it.