[Bug]: Label width issue causing text wrapping

[KillyanBtllr]

Is there an existing issue for this?

• I have searched the existing issues

What happened?

In _forms.scss, .dnnFormLabel and .dnnLabel share the same CSS rules, including width: 32.075%.

The problem is that sometimes a .dnnFormLabel is inside a .dnnLabel. Because both have the same width, the inner label ends up with 32% of 32% of the available space, which becomes very small.

This can be seen on the login page with languages other than English, for example French on my screen. Some translated labels are longer or contain spaces before punctuation, so the text wraps to a new line because there is not enough space.

Steps to reproduce?

1. Open the login page.
2. Change the site language (French in my example for longer words).
3. Inspect the login form labels.
4. See that .dnnFormLabel is inside .dnnLabel.
5. Both classes use width: 32.075%.
6. Some labels wrap onto multiple lines because the available width is too small.

Current Behavior

No response

Expected Behavior

No response

Relevant log output

Anything else?

No response

Affected Versions

10.3.2 (latest release)

What browsers are you seeing the problem on?

Chrome

Code of Conduct

• I agree to follow this project's Code of Conduct

[KillyanBtllr]

After checking the code, the nested dnnFormLabel within dnnLabel doesn't seem to contribute anything. Should it perhaps be removed? The file in question is Login.ascx located in DesktopModules/AuthenticationServices/Dnn