Improve line breaks in grid views

[BurntimeX]

Texts are currently wrapped very aggressively if there is insufficient space in a grid view. Since the table can be scrolled horizontally, this is not really necessary and should only be done if a text exceeds a certain length.

[dtdesign]

After playing around with tables for a bit, the only meaningful choice is to slap white-space: nowrap and call it a day. There is nothing in CSS to tell the browser to go into overflow while still breaking long lines at some point. The overflow behavior of grid views is well-defined therefore this is a reasonable approach to make.

Ideally we would instruct the browser to let lines run until a certain width and then (and only then) start wrapping. Unfortunately, this appears to be only possible with min-width which will grow the column regardless of the content which is not what we want. There is fit-content(percentage) for min-width but its not supported in any browser at the time of writing and generally speaking min-width does nothing in overflowing tables?