Table -- mobile styles more like the Desktop view

[CarlosNZ]

Part of Epic #1548

Okay, so we have the tables working okay in a "stacked" view. However, the styles are just bare-bones and not that pretty (black boxes). Would be good if we could add a few of the table styles back to the mobile media query, so they look similar. (Don't have to be exactly the same, and probably should be a bit more "compact")

Current Desktop view:

Current Mobile view:

So I'm thinking:

• lose the black border
• slight spacing between rows
• rounded corners
• less padding inside cell
• cell rows closer together

Also...

• The mobile tables still expand past the viewport when there is really long text content in them:

[CarlosNZ]

Closed by #1582