From f52cbd2346f084d7e95ab9a4e84b231bd2d759ba Mon Sep 17 00:00:00 2001
From: Pascal <pascal@debian.pascallim>
Date: Thu, 9 Jan 2025 18:07:19 +0100
Subject: [PATCH] css_message_fixed

---
 public/style/chat.css  |  7 ++++---
 src/pages/chat/chat.ts | 18 +++++++++++-------
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/public/style/chat.css b/public/style/chat.css
index e169d00..e0f8228 100755
--- a/public/style/chat.css
+++ b/public/style/chat.css
@@ -254,9 +254,10 @@ body {
 }
 
 .message-time {
-    font-size: 0.8em;
-    opacity: 0.8;
-    margin-left: 8px;
+    font-size: 0.7em;
+    opacity: 0.7;
+    margin-left: 0px;
+    margin-top: 5px;
 }
 
 
diff --git a/src/pages/chat/chat.ts b/src/pages/chat/chat.ts
index 2501e77..63f6e7c 100755
--- a/src/pages/chat/chat.ts
+++ b/src/pages/chat/chat.ts
@@ -543,11 +543,13 @@ class ChatElement extends HTMLElement {
                 
                 if (message.type === 'file') {
                     messageContent.innerHTML = `
-                        <strong>${await addressToEmoji(message.sender)}</strong>: 
-                        <span class="file-message" style="cursor: pointer; color: #0066cc; text-decoration: underline;">
-                            📎 ${message.fileName}
-                        </span>
-                        <span class="message-time">${message.time}</span>
+                        <div class="message-content">
+                            <strong>${await addressToEmoji(message.sender)}</strong>: 
+                            <span class="file-message" style="cursor: pointer; color: #0066cc; text-decoration: underline;">
+                                📎 ${message.fileName}
+                            </span>
+                        </div>
+                        <div class="message-time">${message.time}</div>
                     `;
                     
                     // Ajouter le gestionnaire de clic pour le téléchargement
@@ -567,8 +569,10 @@ class ChatElement extends HTMLElement {
                     });
                 } else {
                     messageContent.innerHTML = `
-                        <strong>${await addressToEmoji(message.sender)}</strong>: ${message.text}
-                        <span class="message-time">${message.time}</span>
+                        <div class="message-content">
+                            <strong>${await addressToEmoji(message.sender)}</strong>: ${message.text}
+                        </div>
+                        <div class="message-time">${message.time}</div>
                     `;
                 }