Added overflow hidden to dataset-card

[lucascumsille]

Working on another ticket I noticed an odd horizontal overflowing when you are on mobile. After some playing around I realised that it only happens when there is a graph.

Fixes:

Screen.Recording.2024-09-18.at.10.18.00.mov

[zarino]

Thanks for this @lucascumsille – looking closer, it turns out it wasn‘t the charts themselves causing this overflow, but the theoretically "hidden" tables beneath them.

We were using Bootstrap’s visually-hidden mixin to hide the tables, without making them invisible to screenreaders. But it turns out the width: 1px in visually-hidden doesn’t work on a display: table element (makes sense, sorta – you can’t make a table narrower than the narrowest content of each of its cells).

I’ve just commited a fix to that instead, so the overflow: hidden isn’t required.