/* ---------------------------------------------------------------------------
   THE EVOLUTION TABLE - app/templates/evolutionTable.twig

   Its own file for the same reason as notice.css and switch.css: style.css is
   generated from public/sass by gulp, and the toolchain is not in the repo, so
   a rule added there by hand would be lost on the next build.
   --------------------------------------------------------------------------- */

/* Puls, Ketoza and Data faza hold a short code - "+++", "+-", "2A" - in a
   column sized by its heading, so left-aligned they sat hard against the left
   edge, nowhere near the middle of the space the heading occupies. With Puls
   usually empty, Ketoza's "+++" ended up closer to the word Puls than to the
   word Ketoza and read as belonging to it.

   Centred, each value sits under its own heading. The heading is centred with
   it - aligning one and not the other is what caused this in the first place.

   Not applied to TM, TA or BMI: those are decimal numbers that line up on
   themselves when they share an edge, and centring would stagger them. */
.evolutionTable th:nth-child(5),
.evolutionTable td:nth-child(5),
.evolutionTable th:nth-child(6),
.evolutionTable td:nth-child(6),
.evolutionTable th:nth-child(7),
.evolutionTable td:nth-child(7) {
    text-align: center;
}
