To keep in mind:
When window reduced to the minimum, i.e. when tick boxes are still visible, we get:

@smz try #5137
Code by Serh @nternetinpired

@smz the same code (display: inline-block; ) has to be available for all media queries...

The problem here is that if we apply the fix (display: inline-block to labels) then labels are displayed before and not above the corresponding button. This is normal for inline-block elements and the fact that we don't see it in other cases is that the containing div width makes the button to wrap below the label. This is not happening here.

As @nternetinspired commented in #5130 (comment) "...applying a tooltip to a label in a horizontal form wasn't envisaged..." and we should probably apply tooltips to the buttons.

Yes, the solution would to apply the tool-tip label fix from the other PR and to also wrap the select within another div, eg: <div class="controls">, as presumably that is also set to be an inline-block element.

Browsing through issue I found this one I opened sometime ago.

I also brought out this issue in #7247 (which has been closed)

Unhappily we still have this issue, but the reasons for it are now clearer to me (or at least I have this presumption...) and I don't think there is a viable solution.

Please see my analysis in #7248 (comment)

I don't know if this should be closed...