table-layout: fixed. Remove 20px max-width

[snide]

Closes #389

This removes some finicky code that tried to make tables widths a bit prettier, but came with some bad drawbacks.

Moving to table-layout: fixed seems to solve most of our problems, though it might require people to hand touch cell widths a bit more (which I think is fine).

[cjcenizal]

Just a reminder that this needs to be tested in Windows on all browsers, especially IE11 and Edge. I'm interested in seeing how this works with 1) variable column widths and 2) content which needs to wrap or be truncated in a cell.

[cjcenizal]

I found the issue which caused me to implement the max-width originally: elastic/kibana#9929. Here's the PR which added this style: elastic/kibana#9928.

Looks like the problem was that the table ended up overflowing the container. We'll need to make sure we don't reintroduce this problem.

[snide]

Edge is OK. Wrapping correctly happens when applied. If not applied, it breaks the normal way a table would break

[snide]

Same goes for IE11. Breaks happen when wrapping truncation is not turned on. A lot of these smaller width scenarios are going to be solved better by a more comprehensive responsive table PR.

[snide]

But at least from what I can see, there are no adverse effects to this PR other than that it might require the consumer to adjust table widths on their own to make the tables themselves a little prettier (for example above, you'd want to adjust the orders of magnitude column to have a max-width or something).

Ultimately though, the consumer should truncate text as they feel the need to. Beyond that we need a better solution for responsive tables.

[chrisronline]

I don't much to add, but just echoing CJ's concerns. I'd be wary of a regression, but happy if you both feel we're good.

[cjcenizal]

LGTM!