Improve autocomplete css by using flex

[mrichar1]

When using autocompete with dropdown enabled in a dialog, the dropdown button is being wrapped onto the next line:

I can force it to stay on one line by setting css for the span to include:

white-space: nowrap;

But this (slightly) breaks the alignment if there are other non-autocomplete fields.

This seems to happen regardless of whether or not there are other fields present.

These fields are all in their own primeflex <div class="p-col"> parent elements.

[cagataycivici]

I guess it is time to modernize the autocomplete using flex.