Skip to main content
edited body
Source Link
BoltClock Mod
  • 722.1k
  • 38
  • 431
  • 392

Instead of having to widen the user cards to keep everything on one line eachevery time this occurs due to the counts growing or even any unrelated layout changes, I suggest just letting the badge counts wrap, and instead adding display: inline-block to each badge count so at the very least the number doesn't get separated from the badgeicon when wrapping:

.-flair > span:not(.reputation-score) {
    display: inline-block;
    margin-right: 3px;
    margin-left: 2px;
}

Instead of having to widen the user cards to keep everything on one line each time this occurs due to the counts growing or even any unrelated layout changes, I suggest just letting the badge counts wrap, and instead adding display: inline-block to each badge count so at the very least the number doesn't get separated from the badge when wrapping:

.-flair > span:not(.reputation-score) {
    display: inline-block;
    margin-right: 3px;
    margin-left: 2px;
}

Instead of having to widen the user cards to keep everything on one line every time this occurs due to the counts growing or even any unrelated layout changes, I suggest just letting the badge counts wrap, and instead adding display: inline-block to each badge count so at the very least the number doesn't get separated from the icon when wrapping:

.-flair > span:not(.reputation-score) {
    display: inline-block;
    margin-right: 3px;
    margin-left: 2px;
}
Source Link
BoltClock Mod
  • 722.1k
  • 38
  • 431
  • 392

Instead of having to widen the user cards to keep everything on one line each time this occurs due to the counts growing or even any unrelated layout changes, I suggest just letting the badge counts wrap, and instead adding display: inline-block to each badge count so at the very least the number doesn't get separated from the badge when wrapping:

.-flair > span:not(.reputation-score) {
    display: inline-block;
    margin-right: 3px;
    margin-left: 2px;
}