commerce Layout issue for status columns in element index

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

Aug 25 '23 07:08 jonleverrier

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

Nov 08 '23 06:11 lukeholder

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

Nov 08 '23 14:11 i-just

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

Nov 11 '23 13:11 brandonkelly

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

Nov 13 '23 08:11 lukeholder

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

Mar 13 '24 12:03 lukeholder