[CSS] Delete display:flex from pb-autocomplete

[plutonik-a]

pb-automplete simply consists of an input and a label. Despite that fact, the unnecessary rule display: flex; align-items: center; is set globally and causes layout problems when adding more inputs into a form, or in mixing with other flexed elements.

I guess, the initial reason for this rule was to insert elements like a select element into the component, so that the select and input are displayed inline. (-> Example "Combine with other form fields whose value is passed on" https://unpkg.com/@teipublisher/pb-components@1.2.0/dist/api.html#pb-autocomplete.1)

Another side effect could be that the dropdown with the autosuggestions will be pinned next to the input instead of under it.

This rule should be set by either placing a customizable variable into the webcomponent, or just left blank.

[tuurma]

Indeed, the default behaviour of nested components (eg when combining pb-autocomplete with pb-select) should be aligned with the parent, like in the Combine with other form fields... example.

Would you care to create a PR for develop branch that assures this default behaviour is retained while not causing side-effects?

[JoernT]

layout should certainly as basic as possible and such specific settings should be avoided. Further i found that often it's a good idea to just use 'inherit' on the :host matcher in a component to overcome such issues.