datatables in monitor view have weird column widths

[bear454]

Issue Description

The Monitor view datatable allocates a small width the the package name, even if there is lots of room available.

Expected Result

Package names should not be wrapped in the Monitor datatable at an arbitrarily short width.

How to Reproduce

1. Go to https://build.opensuse.org/project/show/Cloud:Images:Leap_15.1
2. In the Build Results, click on images > x86_64
3. Observe the vast whitespace dedicated to status, while the package name spans multiple lines.

Further Information

• https://build.opensuse.org/project/monitor/Cloud:Images:Leap_15.1?arch_x86_64=1&blocked=1&broken=1&building=1&defaults=0&deleting=1&dispatching=1&failed=1&finished=1&locked=1&repo_images=1&scheduled=1&signing=1&succeeded=1&unresolvable=1

Firefox 68:

Chrome 76:

[hennevogel]

This column is fixed to 150px because it's sticky above the overflow of the table and this is the maximum size this still works on mobile (in portrait). This is hardcoded in the table initialization code and then get's calculated into all kinds of widths in the table, so not really possible to change with CSS and breakpoints.

I can change it now to be around the longest string but this will not work on mobile. So yeah, I guess this is another hint that we should redesign this...

[bear454]

The irony is that if this were a pure html table, there wouldn't be a problem.

[hennevogel]

there wouldn't be a problem

There wouldn't be a problem because there wouldn't be any features...

[bear454]

I was once told by a wise man that fewer features is a feature ;-) ... but we're getting off-topic.

[hennevogel]

A redesign of this view is on our TODO...