From 8e6ec7b43ce0f5af863a1c0b38e6d4c0444051c0 Mon Sep 17 00:00:00 2001 From: Bastian Wagner Date: Sat, 22 Aug 2026 17:03:11 +0200 Subject: [PATCH] fix(web): stop hunting encounter cards from collapsing to 0px height The host switched to display:grid + justify-items:center to center the new flavor-text line under each card. Grid items size to their own content by default, and .encounter-card has no in-flow content (every child is absolutely positioned), so its intrinsic width collapsed to 0 -- taking the aspect-ratio-derived height down with it. Revert the host to a plain block layout and center the flavor line with its own margin instead of grid alignment. Co-Authored-By: Claude Sonnet 5 Claude-Session: https://claude.ai/code/session_01JDyWTLMpKYUGMz84CKrtT8 --- .../hunting/encounter-card/encounter-card.component.scss | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/apps/web/src/app/features/hunting/encounter-card/encounter-card.component.scss b/apps/web/src/app/features/hunting/encounter-card/encounter-card.component.scss index be476ae..3f37556 100644 --- a/apps/web/src/app/features/hunting/encounter-card/encounter-card.component.scss +++ b/apps/web/src/app/features/hunting/encounter-card/encounter-card.component.scss @@ -1,7 +1,5 @@ :host { - display: grid; - gap: 0.5rem; - justify-items: center; + display: block; } /* @@ -200,7 +198,8 @@ wrap to a second row. */ .encounter-card__flavor { max-inline-size: 20rem; - margin: 0; + margin-block-start: 0.5rem; + margin-inline: auto; color: var(--ar-text-muted); font-family: Georgia, 'Times New Roman', serif; font-size: var(--ar-font-sm);