Fix vote summary badge (tag) misalignment

[Oaphi]

closes #1100

Additionally, this PR improves the vote summary's list responsiveness to variable device screen widths:

ssr-2026-01-21_05.04.55.mp4

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 79.65%. Comparing base (072a25c) to head (a4b758d).

Additional details and impacted files

Components	Coverage Δ
controllers	74.70% <ø> (ø)
helpers	84.91% <ø> (ø)
jobs	80.59% <ø> (ø)
models	90.09% <ø> (ø)
tasks	61.11% <ø> (ø)

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[cellio]

This is much better! I was about to say "works for me" when I stumbled over a weird edge case.

Here is a page with a browser width of 600:

And here is that page just a smidge smaller (594):

I'm not sure exactly where in that 6-pixel range it's happening (I'm adjusting window sizes by hand here and using a "how wide am I?" tool to get the values).

If this is really just some weirdness in an extreme edge case, I don't want to block on it. But I wonder why it happens and if anything else behaves oddly for just a few pixels.

[Oaphi]

I'm not sure exactly where in that 6-pixel range it's happening (I'm adjusting window sizes by hand here and using a "how wide am I?" tool to get the values).

I was worried something like this would happen - our grid is actually a flexbox with flex-wrap set to wrap which, even with the fix, leads to weirdness like this. Let's switch to a proper grid layout - setting the PR in "draft" mode for now

[cellio]

It's better than it was, but I couldn't figure out the cause and implications of this weirdness.