From 039433a8a2ed460c0c82cc02fa62fe30c090f0c8 Mon Sep 17 00:00:00 2001
From: MarekWo <mwojtaszek@gmail.com>
Date: Mon, 19 Jan 2026 09:40:14 +0100
Subject: [PATCH] fix: Remove extra spacing before image preview in group chat

Changed message content container from <p> to <div> to fix invalid HTML
when image previews are embedded. The <p> tag cannot contain block-level
elements like <div>, causing browsers to auto-close the paragraph and
create unwanted spacing between text and image preview.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 app/static/js/app.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/static/js/app.js b/app/static/js/app.js
index d47d61d..afa8fff 100644
--- a/app/static/js/app.js
+++ b/app/static/js/app.js
@@ -676,7 +676,7 @@ function createMessageElement(msg) {
             <span class="message-sender">${escapeHtml(msg.sender)}</span>
             <span class="message-time">${time}</span>
         </div>
-        <p class="message-content">${processMessageContent(msg.content)}</p>
+        <div class="message-content">${processMessageContent(msg.content)}</div>
         ${metaInfo ? `<div class="message-meta">${metaInfo}</div>` : ''}
         ${!msg.is_own ? `
             <div class="mt-1 d-flex gap-1">