Sort control overlaps action bar

[ncosta-ic]

Describe the bug

The current master branch introduced the sort control library/master/Businessprocess/Common/Sort.php by the commit 52c150c.
As the action bar is represented as a floating flexbox element, it causes the following flexbox element to overlap itself when being limited in its width. This is reproducable by opening up the config menu.

To Reproduce

1. Install current master branch of the businessprocess module.
2. Navigate to the businessprocess module on the web interface.
3. Select a business process configuration or create a new one.
4. Press the config button.

Expected behavior

The two flexboxes shouldn't overlap. The widget should either wrap the sort control or keep it on the same line while making sure to not overlap the two elements with each other.

Screenshots

Your Environment

• Icinga Web 2 version and modules: Web = 2.12.0, BP = master / 2.4.1
• Web browser used: Firefox 118.0.1
• Icinga 2 version used: r2.14.0-1
• PHP version used: 8.2
• Server operating system and version: Debian 11, Nginx 1.18.0