fix(d3fend): add items-start to grid so cards don't stretch to row height
Some checks failed
Aegis CI / lint-and-test (push) Has been cancelled

CSS grid was stretching both cells in a row to the same height as the
tallest card, making the unexpanded card appear 'open' with blank space.
items-start makes each card only as tall as its own content.
This commit is contained in:
kitos
2026-05-29 12:16:56 +02:00
parent 843b545df3
commit 416b31a5b6

View File

@@ -878,7 +878,7 @@ function D3FENDSection({ defenses }: { defenses: Array<{
{tacticDescriptions[tactic] && (
<p className="mb-2 text-xs text-gray-500">{tacticDescriptions[tactic]}</p>
)}
<div className="grid gap-2 sm:grid-cols-2">
<div className="grid gap-2 sm:grid-cols-2 items-start">
{defs.map((def) => {
const isExpanded = expandedId === def.d3fend_id;
return (