AutoCrud in a flexbox does not use the full width on small screens

[Legioth]

Describe the bug

The grid section of AutoCrud shrinks rather than grows when it becomes so narrow that the form is hidden and instead opens as a modal popover.

Slightly wider browser window:

Slightly narrower browser window:

Expected-behavior

Expected that the grid fills the full available width in a narrow browser.

Reproduction

<section className="flex">
  <AutoCrud service={HelloWorldService} model={PersonModel} />
</section>

System Info

Hilla 24.7.0.beta1
Chrome 133

[rbrki07]

A fix might be quite easily done with some additional CSS, but I wonder how you cover those kinds of changes with automated tests? Are there specific UI test suites I could check to make sure an additional flex: 1 at one point won't break the UI at any other point?