Excessive whitespace around tables

[JayDaley]

For some unknown reason, tables have an additional 50px right margin and top margin set by:

@media (min-width: 620px)
.block-table {
margin: 50px 0;
border: 0;
overflow: auto;
width: calc(100% - 50px);

and

.block-table>table {
width: calc(100% - 50px);
overflow: auto;
}

If there is a table caption then this is added rather than sitting in the margin space, so there is no issue if the top margin is remove.

Both margins can go entirely.

[JayDaley]

For very wide tables this will take them right up to the edge of the body, which may be acceptable, but if not then

max-width: 902px; 

Can be added to .block-table.

[JayDaley]

I've reviewed this following the template refactoring and it is now just

@media (min-width: 576px)
.block-table {
margin: 50px 0;
border: 0;
width: calc(100% - 50px);
}

the margin and width attributes can be deleted.

[JayDaley]

Assigned to contractor as it is not clear what the purpose of this 50px margin is.

[ghwood]

Screenshot of example from https://www.ietf.org/how/meetings/113/hotel/:

[ghwood]

A few other table example screenshots from https://www.ietf.org/about/administration/rfps-and-contracts/ and https://www.ietf.org/about/open-records/

[kesara]

Fix has been deployed to https://wwwdev.ietf.org/ with #196