From 5943621dbf8d97800e264202e8b9ca7c43d9aeb6 Mon Sep 17 00:00:00 2001
From: Adrian Victor <adrianvictor@disroot.org>
Date: Mon, 17 Aug 2026 17:05:28 -0300
Subject: [PATCH] Fix spacing in messages list; fix image message size on
 mobile; restore scrolling to chat screen when loading message.

---
 web/src/app.ts | 4 ++++
 web/src/ui.ts  | 1 -
 web/style.css  | 5 +++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/web/src/app.ts b/web/src/app.ts
index cdf0242..1a704de 100644
--- a/web/src/app.ts
+++ b/web/src/app.ts
@@ -335,6 +335,10 @@ async function handleIncomingMessage(msg: Message) {
 async function selectChat(chat: Chat, isPopState = false, smoothScroll = true) {
     if (isLoadingChat) return;
     
+    const pageEl = document.getElementById("chat-page");
+    if (!pageEl) return;
+    mainView?.scrollTo(pageEl);
+
     isLoadingChat = true;
     setActiveChatState(chat);
     
diff --git a/web/src/ui.ts b/web/src/ui.ts
index 50c0b07..82b6c2c 100644
--- a/web/src/ui.ts
+++ b/web/src/ui.ts
@@ -338,7 +338,6 @@ export const ui = {
             .input;
 
         textEl.innerHTML = parsed;
-        console.log(msg);
         contentEl.appendChild(textEl);
         bubble.appendChild(contentEl);
         
diff --git a/web/style.css b/web/style.css
index f800ca5..2772706 100644
--- a/web/style.css
+++ b/web/style.css
@@ -363,6 +363,7 @@ li {
     cursor: pointer;
     transition: all 0.2s ease;
     border: 1px solid transparent;
+    margin-left: 0px;
 }
 
 .chat-item.selected {
@@ -1032,6 +1033,10 @@ li {
     .message-group {
         max-width: 90%;
     }
+
+    .message-group.image {
+        max-width: 60%;
+    }
     
     .message-image-attachement {
         max-height: 20em;