Docs: Style rules for columns of icons in tables of rules

[pedrottimark]

See #186 (comment)

[pedrottimark]

Added th selectors for cell padding rules, in case any tables need headings.

[pedrottimark]

Added baseline alignment because table cells can wrap to multiple lines on narrow screens.

[pedrottimark]

Thinking ahead to the next step, how about a separate Replaced by column under Removed?

1280px wide on laptop:

768px wide in portrait orientation on iPad 2:

600px wide in portrait orientation on Nexus 7:

320px wide in portrait orientation on iPhone 5:

[nzakas]

Do we need the description for the removed rules? It would clean things up a lot if not.

[pedrottimark]

For sure. And it makes that table look very different from the others. A little bit different is dangerous for clear technical communication.

Even if the index page omits descriptions, it looks like removed rules would appear in search results (with heading text from their doc).

While we’re at it, omit the columns for check mark and wrench, too?

600px wide in portrait orientation on Nexus 7:

320px wide in portrait orientation on iPhone 5: