From 0b9ed3a68af64faccbceab8867d2b074c4bf0f9e Mon Sep 17 00:00:00 2001
From: Adrian Victor <adrianvictor@disroot.org>
Date: Thu, 16 Jul 2026 20:05:53 -0300
Subject: [PATCH] Make chat bubble smaller (90%) on mobile.

---
 js/ui.js  | 2 --
 style.css | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/js/ui.js b/js/ui.js
index 6dd6185..cfe586d 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -3,7 +3,6 @@ import { waha } from "./waha.js";
 import { config } from "./config.js";
 import { getChatPicture, getMessage, getMedia } from "./storage.js";
 
-// DOM Selector Cache
 export const elements = {
     chatList: document.getElementById('chat-list'),
     chatsLoader: document.getElementById('chats-loader'),
@@ -18,7 +17,6 @@ export const elements = {
     messagesContainer: document.getElementById('messages-container'),
     messageForm: document.getElementById('message-form'),
     messageInput: document.getElementById('message-input'),
-    // backToSidebarBtn: document.getElementById('back-to-sidebar'),
     backToSidebarBtn: document.querySelector('.chat-header'),
     sidebar: document.querySelector('.sidebar'),
     settingsModal: document.getElementById('settings-modal'),
diff --git a/style.css b/style.css
index b5ff161..bea420c 100644
--- a/style.css
+++ b/style.css
@@ -745,7 +745,7 @@ input:focus {
     }
 
     .message-group {
-        max-width: 100%;
+        max-width: 90%;
     }
 
     .message-image-attachement {