From 16e328ab128395a2d623af6f7e97c8c47ff82289 Mon Sep 17 00:00:00 2001
From: Mathieu Benoit <mathben@technolibre.ca>
Date: Sun, 11 Oct 2026 00:58:07 -0400
Subject: [PATCH] [FIX] card primitive: no blank between the icon and the title
 text
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A titled card rendered a whitespace text node before its title, so the
heading's text began with a space and a lookup of the title text inside
the heading missed it. The layout is flex, so nothing visible changes.
Checked: the cross-screen test that finds a step's title passes.

--- FR ---

[FIX] primitive carte : aucun blanc entre l'icône et le texte du titre

Une carte titrée rendait un nœud de blanc devant son titre : le texte de
l'intitulé commençait par une espace et la recherche du titre dans
l'intitulé échouait. La mise en page est en flex, rien de visible ne
change. Vérifié : l'épreuve transversale qui trouve le titre d'une étape
passe.

Assisted-by: Claude Opus 5.5
---
 src/interface/primitives/Carte.svelte | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/interface/primitives/Carte.svelte b/src/interface/primitives/Carte.svelte
index 90758ef..3bd6825 100644
--- a/src/interface/primitives/Carte.svelte
+++ b/src/interface/primitives/Carte.svelte
@@ -31,12 +31,11 @@
   <section class="carte" aria-labelledby={idTitre}>
     <div class="entete" class:seule={children === null}>
       <div class="intitule">
-        <svelte:element this={balise} id={idTitre} class="titre">
-          {#if icone !== null}
-            <span class="pictogramme"><Icone nom={icone} /></span>
-          {/if}
-          {titre}
-        </svelte:element>
+        <!-- Le titre suit l'icône sans blanc entre eux : le texte de
+             l'intitulé est le titre seul, sans espace de tête. -->
+        <svelte:element this={balise} id={idTitre} class="titre"
+          >{#if icone !== null}<span class="pictogramme"><Icone nom={icone} /></span>{/if}{titre}</svelte:element
+        >
         {#if sousTitre !== null}
           <p class="sous-titre">{sousTitre}</p>
         {/if}