Cannot Interact with Checkout Settings

Problem/Motivation

When creating a job, I am unable to interact with the Content Type, Service Level, Due Date, or Request Name fields using my mouse.

Steps to reproduce

Assuming a basic install with Gin/Claro and with TMGMT and this module configured for a language.

1. Select the "Translate" action for a node
2. Select a language and click "Request a translation"
3. If needed, change the Provider to WordsOnline
4. Click to change "Content Type"

The dropdown appears, allowing you to check the content type.

The field cannot be directly clicked. Same goes for the Service Level, Due Date, and Request Name fields.

I'm using Chrome on MacOS.

Proposed resolution

This appears to be a problem with the form elements and their wrappers being floated in the CSS. In my screenshot, I turned on Chrome's inspector and hovered over one of the input fields. Instead of highlighting the element, you'll see that the checkbox "Auto Approve Quote" element is highlighting instead.

I propose the removal of all uses of "float" on these form elements, at least for this form. I can see it applied both in .wol-text-field and .wol-text-field div. Once I removed the float styling in the browser, I was able to interact with the form elements.

Remaining tasks

Update the .wol-text-field and .wol-text-field div to remove the float style.

User interface changes

I'm uncertain if this will affect other parts of this module's UI.

API changes

n/a

Data model changes

n/a