Backend order view: single cards shrink to card width in TYPO3 v14

[johfeu]

Bug Report

Current Behavior
In the backend module "Orders", opening an order shows the "Ordered items" card as a narrow, fixed-width card instead of spanning the full module width. The items table is cut off after a few columns (price, net and totals are hidden). The order comment card behaves the same.

The cause is the markup in Resources/Private/Templates/Backend/Order/Order/Show.html: each of these single cards is wrapped in its own div.card-container. In TYPO3 v14 the backend lays out card-container as a grid of fixed-width cards, so a lone card shrinks to card width.

Expected behavior/output
Single cards span the full width, as before. The styleguide uses card-container only to group several cards in a row:

Multiple cards — To display multiple cards, group them by wrapping them with div.card-container.

Environment

• TYPO3 version(s): 14.3.7
• cart version: 12.0.0 (also unchanged on main)
• Is your TYPO3 installation set up with Composer (Composer Mode): yes
• OS: macOS (DDEV)

Possible Solution
Remove the card-container wrapper around the two single cards (order comment, ordered items) in Show.html. The Address and Properties partials group several cards and keep theirs.

Pull request: #769

Additional context
The wrappers were introduced with #466 (Update CSS and HTML in BE view).