From df341067521bb4958455bf431c6d802b48bcd97c Mon Sep 17 00:00:00 2001 From: william Date: Thu, 3 Sep 2026 13:42:36 +0200 Subject: [PATCH] Collision : une carte par objet occupe toute la largeur MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit L'ancienne grille (auto-fill, colonnes de 300px minimum) réservait des colonnes vides même avec une seule carte, la laissant étroite avec un grand vide à droite. Empilées en pleine largeur à la place — laisse aussi la place à une longue chaîne de règles de s'étendre sans se faire couper. Co-Authored-By: Claude Sonnet 5 --- static/style.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/static/style.css b/static/style.css index e51c5dc4..8873f991 100644 --- a/static/style.css +++ b/static/style.css @@ -705,7 +705,12 @@ body.builderBody > main.content{ flex:1 1 auto; min-height:0; overflow:hidden; d @keyframes collisionLinkIn{ from{ opacity:0; transform:translateX(-10px) scale(.9); } to{ opacity:1; transform:none; } } @keyframes collisionChoiceIn{ from{ opacity:0; transform:translateY(8px) scale(.92); } to{ opacity:1; transform:none; } } -.collisionRulesCards{ display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:18px; margin-top:14px; } +/* Une carte par ligne, PLEINE LARGEUR (demandé explicitement — l'ancien + grid.auto-fill réservait des colonnes de 300px même pour une seule + carte, la laissant étroite avec un grand vide à droite) : une règle + peut porter une longue chaîne de maillons, la pleine largeur lui + laisse la place de s'étendre sans se faire couper. */ +.collisionRulesCards{ display:flex; flex-direction:column; gap:18px; margin-top:14px; } .collisionRuleCard{ position:relative; background:linear-gradient(165deg, var(--panel), var(--panel2)); border:1px solid var(--border); border-radius:16px; padding:16px;