0.9.8 — the box around the icon

After two fixes the drawings had an identical extent of ink — measured on HTML pulled from production, down to the pixel. In the header the feed icon still stood higher than the rest.

Because I was measuring the wrong thing. The measurement covered the drawing, and the difference sat in the box the drawing stands in. The feed icon has a wrapper around it, because it opens a hint; the wrapper was an inline-block element, the kind that assumes a line of text. A line of text is taller than the icon, because it reserves room for descenders. Centring in the header centred that taller box, and the icon sat against its top edge.

The drawing itself was an inline element too, so it stood on the baseline and dragged the same descender margin along with it — the same thing again, one level down.

The icon is now a block element and its wrapper an inline flex box with centring. The profile links were given the same wrapper although they do not need one: two different boxes around two icons in one row is precisely this fault, merely postponed.

A third fix to the same thing within an hour, and it is worth saying why. The first equalised the field, the second the edge of the ink, the third the box around it. Each time the measurement confirmed all was well — because each time it measured a layer above the one the fault was sitting in. The report of "it is still higher" was therefore more accurate than my numbers, and that is ordinary: a number only confirms what it was asked.