Fix spacing in messages list; fix image message size on mobile; restore scrolling to chat screen when loading message.

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);
     

web/src/ui.ts

@@ -338,7 +338,6 @@ export const ui = {
             .input;
 
         textEl.innerHTML = parsed;
-        console.log(msg);
         contentEl.appendChild(textEl);
         bubble.appendChild(contentEl);
         

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;