Bug - FormGroup- if using isRequired prop - the "*" can show an a separate line

[kdoberst]

Describe the problem
If you are using a FormGroup that has the isRequireProp and the label is long - the required "*" can display on a separate line. This causes confusion on if the items is required.

See https://issues.redhat.com/browse/OCMUI-3620 for a "in the wild" example.

How do you reproduce the problem?

Create a FromGroup with the isRequired prop and add a long label. Slowly adjust the screen width and you will see the "*" on a separate line.

Expected behavior
Either force the "*" to be on the same line as the last word in the label or provide an option to force the label to be on a single line.

Is this issue blocking you?
No

Screenshots
See above

What is your environment?

• OS: Mac
• Browser Chrome
• Version latest

What is your product and what release date are you targeting?
OCMUI

Any other information?

[mcoker]

@kmcfaul there is a little bit of history on this issue:

#8140 - closed react PR that attempted this fix
patternfly/patternfly#5168 - core issue w/ breaking change label to fix
https://www.patternfly.org/components/forms/form/html#documentation - core docs around how to fix this issue

However I think we can keep the asterisk from wrapping fairly easily? I'll put up a WIP PR.