Layout issue for status columns in element index

[jonleverrier]

What happened?

Description

My order view summary has around 11 columns worth of data. On smaller screens, the Paid Status column data falls onto 2 lines. Is there anyway to force this to always be on 1 line? On larger screens it displays fine.

Steps to reproduce

Expected behavior

Actual behavior

Craft CMS version

4.5.2

Craft Commerce version

4.2.11

PHP version

No response

Operating system and version

No response

Database type and version

No response

Image driver and version

No response

Installed plugins and versions

[lukeholder]

We are using the built-in .status class from Craft core so I will move the issue to the craftcms/cms repo, and we can investigate from there.

This reproduces it when in an elements tableAttributeHtml():

<span class="status red"></span> Label

[i-just]

@jonleverrier thanks for reporting! PRs raised to adjust this.

[brandonkelly]

@nfourtythree You can fix this by wrapping the status indicator and label in a <span class="nowrap">.

[lukeholder]

@jonleverrier This is fixed for the next release. I will let you know when it's out.

[lukeholder]

@jonleverrier This was fixed in the latest 4.x release of Commerce.