Align inputs on orders list and adjust position of checkboxes for reports

[drummer83]

What? Why?

Now that we have borders around input elements since #13131, we can easily see misalignment.

This PR fixes the misalignment of input fields on the orders list and it adjusts the positions of the checkboxes for report rendering options.

Before

After

What should we test?

• Visit /orders page.
• Check the alignment of the input fields for filters.
• Visit a report page which allows the setting for headers and summary rows.
• Check the alignment of the checkboxes.
• Check both the above for different browsers (Firefox, Chrome, Safari) and different screen sizes.

Release notes

Changelog Category (reviewers may add a label for the release notes):

• User facing changes
• API changes (V0, V1, DFC or Webhook)
• Technical changes only
• Feature toggled

The title of the pull request will be included in the release notes.

Dependencies

Documentation updates

[rioug]

Nice one, Thanks @drummer83 🙏

[dacook]

I noticed that too, thanks for quickly solving it!
It's great that you solved it by making the style rules more general and simpler too 💯

It might be worth also checking any other pages with inline checkboxes too (eg editing product or order cycles maybe?)