]> Piment Noir Git Repositories - e-mobility-charging-stations-simulator.git/commit
fix(webui): keep modern station-card Delete action aligned on the footer row (#2083)
authorJérôme Benoit <jerome.benoit@piment-noir.org>
Fri, 14 Aug 2026 18:03:20 +0000 (20:03 +0200)
committerGitHub <noreply@github.com>
Fri, 14 Aug 2026 18:03:20 +0000 (20:03 +0200)
commit4998c9848c6909bcdd31e8c5e6a2fd5847c0c875
tree7d23ba22fc0342eb2d9107752b659abcbd500c51
parent2cc95879ce5519b7a1e1df12c43e3bc713420939
fix(webui): keep modern station-card Delete action aligned on the footer row (#2083)

The modern station-card footer laid the 5 action buttons in a non-wrapping
inline-flex group beside the Delete button, inside a wrapping footer. Once the
group's max-content width exceeded the card, the footer broke the line between
the group and Delete, dropping Delete onto its own row where margin-left:auto
pinned it bottom-right (orphaned) instead of aligned with the other actions.

Make the footer a single flex line (flex-wrap: nowrap) and let the action
group wrap its buttons internally (flex-wrap: wrap) so it reflows across rows
on narrow cards while Delete stays on the same row, pinned right. align-self:
flex-start top-aligns Delete with the first action row when the group wraps.

Presentational modern-skin CSS only; no markup or handler change.
ui/web/src/skins/modern/modern.css