The `uibuilder-common-filter` has elements with fixed width, can't be used in a responsive layout

Summary

The uibuilder-common-filter has elements with fixed width, can't be used in a responsive layout

Steps to reproduce

  1. check out the bugs/uibuilder-common-filter-min-width-bug branch
  2. start the example app
  3. open http://localhost:8080/mdc/nestedCrud
  4. add a filter to the grid

before that the UI looks fine:

image

After that the UI is not fine at all:

image

What is the current bug behavior?

The uibuilder-common-filter's each child has a fix width, so the filter can't be used in a narrower div.

And the filter-row uses some global styles, so I can't style just that component, I have to redefine those global styles...

What is the expected correct behavior?

I want to resize the filter-rows' components.

Metadata

Version: