Handling unruly HTML, and the struggle with CSS

[hermygithub]

Hi All,

trying out Observable, I'm really enjoying it, but I still need to discover a lot!

Currently I'm struggling to handle some unruly HTML, where I want to build a table for input parameters, mixed with data.

What would be the best way to get more control over the HTML table ?

• the first column should take it's rightfull width so that it becomes readable
• the select and range inputs are too greedy with their width.
• the table should be contained within the card

I tried various CSS and html-style options but I'm not really able to get good results. It feels like I'm fighting the Observable Style guide, so maybe I'm missing a trick? 😄

Also, is there a way to have such a table generated from the data ?
As you can see, those rows are robust statistics that I pulled from the data, so ideally I would want to inject the select and range input objects into a data structure... is there a way to do that ?

Thx,

Herman