[VBO] Action form breaks alignment

The MR in #2 fixes the alignment by reordering the flex items (detail is first, select all toggle is second, everything else stays the same) and increasing the flex-basis for these two items to wrap to a new row. The alignment has been tested and working in different browser sizes. I've also tested the toggle to enable/disable the "Always show selection info" in views.

I'm not able to reproduce the issue mentioned Action form breaks alignment.
I have followed Steps to reproduce

Install views bulk operations
Create a new table view
Remove node bulk operations field / Add view bulk operations field

attached the screenshot.

@Vinayak.Ambig looks like you're using the node bulk operations field. You need to swap node bulk operations (core) with views bulk operations field (VBO module) in your view.

@chrisck Above MR changes giving error while apply and Please add code in tableselect.scss file for particular this issue and that should compile in Gin.css.
And if add manually your css changes, UI distort at my end

I am working on it

I am not able to reproduce this. Attaching a screenshot for reference.

@chrisck Hi, created a patch to fix that issue. Please review.

I am not able to reproduce this. For reference Attaching a screenshot.
If i miss some step, please share.

Steps to reproduce
Install views bulk operations
Create a new table view
Remove node bulk operations field / Add view bulk operations field