From 59ad5d4259d2f152e776f623d6ed73039919d253 Mon Sep 17 00:00:00 2001
From: Pascal <pascal@debian.pascallim>
Date: Tue, 7 Jan 2025 18:49:04 +0100
Subject: [PATCH] css_ok

---
 src/pages/chat/chat.ts | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/pages/chat/chat.ts b/src/pages/chat/chat.ts
index a8f5e11..e09925e 100755
--- a/src/pages/chat/chat.ts
+++ b/src/pages/chat/chat.ts
@@ -456,9 +456,13 @@ class ChatElement extends HTMLElement {
         container.className = 'group-item-container';
         
         const nameSpan = document.createElement('span');
-        nameSpan.textContent = ` Process : `;
+        nameSpan.textContent = `Process : `;
         nameSpan.className = 'process-name';
         
+        // Ajouter d'abord le nom
+        container.appendChild(nameSpan);
+        
+        // Puis ajouter les emojis
         await addressToEmoji(processId).then(emojis => {
             const emojiSpan = document.createElement('span');
             emojiSpan.className = 'process-emoji';
@@ -466,7 +470,6 @@ class ChatElement extends HTMLElement {
             container.appendChild(emojiSpan);
         });
         
-        container.appendChild(nameSpan);
         li.appendChild(container);
 
         // Créer et ajouter la liste des rôles
@@ -637,22 +640,22 @@ class ChatElement extends HTMLElement {
         const container = document.createElement('div');
         container.className = 'group-item-container';
         
-        // Créer un span pour les emojis
-        const emojiSpan = document.createElement('span');
-        emojiSpan.className = 'process-emoji';
-        
         // Créer un span pour le nom du processus
         const nameSpan = document.createElement('span');
         nameSpan.textContent = processName;
         nameSpan.className = 'process-name';
+
+        // Créer un span pour les emojis
+        const emojiSpan = document.createElement('span');
+        emojiSpan.className = 'process-emoji';
         
         // Ajouter les emojis de l'adresse
         addressToEmoji(processId).then(emojis => {
             emojiSpan.textContent = emojis;
         });
         
-        container.appendChild(emojiSpan);
         container.appendChild(nameSpan);
+        container.appendChild(emojiSpan);
         li.appendChild(container);
         
         // Créer la liste des rôles