Add subtle striping for table in <wpt-results/>

[YoshiRulz]

Description

Resolves #1783/#2217 by adding a grey background to every other row in the table.
Before/after:

Untested because I'm on NixOS and Docker isn't trivial, though based on #3840 I'm guessing it wouldn't have worked anyway. The above screenshot was taken by adding the rule via the dev tools.

Review Information

idk man

Changes

Added a single CSS rule. edit: two now

Requirements

N/A

[KyleJu]

@YoshiRulz Hi James! First of all, thank you for the fix! One minor follow-up: the test names are not vertically centered around the cells. Could you center them?

[YoshiRulz]

I had a look and it seems non-trivial (path-part { margin: auto 0; } and similar don't work), but in any case that problem isn't related to this changeset and only happens when the viewport is narrow. It is possible to align them to the bottom of the cell with vertical-align though, which IMO reads better, shall I do that?

[KyleJu]

I had a look and it seems non-trivial (path-part { margin: auto 0; } and similar don't work), but in any case that problem isn't related to this changeset and only happens when the viewport is narrow. It is possible to align them to the bottom of the cell with vertical-align though, which IMO reads better, shall I do that?

You are right! I couldn't get it to move after fiddling with the margin and padding in path-part, so feel free to align them to the bottom of the cell with vertical-align. Let me spend more time on it before the end of the week!

Another thing is that on the homepage, it uses a different shade of grey, #EEEEEE

I would like to make it consistent! Thanks again!

[KyleJu]

Before and after:

Let me double check with the team! Thanks again!

[KyleJu]

Staging builds:

[KyleJu]

@YoshiRulz Thank you for your patience! Merged your CL and thanks again for the help :)