Fixes points value overflowing and being off-center

[Spoffy]

Tweaks the flexbox CSS values in .header_container and .points_container to make sure the points value and points container are correctly centered vertically.

Before:

After:

[ronplanken]

This does cause some issues if the name of the unit goes over 1 line:

If we just change the align-items: "flex-start"; to align-items: flex-start; it seems to fix the error on Firefox and still works with a double line.

Firefox:

Chrome:

[Spoffy]

Ah, yup. Should have taken more time with this :sweat_smile:.

I've updated the CSS, this is it now on:

Firefox:

Chrome:

Let me know if you've got any other feedback / changes, and I'd be more than happy to address it :)

[Spoffy]

Here's a more sensible chrome example as well, that Adeptas Sororitas card was a poor choice of example :D