Country page: visually align and balance the metrics

[thom4parisot]

• structure as a definition list (<dl> / <dt> / <dd>)
• on mobile: one metric = one row
• on tablet: a combination which fits well the device width (1 metric = 1 row, 2 metrics = 1 row)
• align margins with title and the table

[pzwsk]

First column (Country Name) appears to be much larger than others on my screen.

[thom4parisot]

Hello @pzwsk, this issue is about the metrics of a given country (eg: the Slovenia country page) and no the Countries list.

When we made the table responsive in #233, we flagged this issue, without creating a new one, my bad. This is due to later results being United Kingdom of Great Britain and Northern Ireland. We shall limit its width or make sure the country names wrap automatically in the column.

Can you create a new issue with your expectation of columns sizes? It would be super helpful.

[pzwsk]

While reviewing this, I found an issue with width of footer on country page https://dev.riskopendata.org/dataset_list.html?idcountry=SI&idcategory=0