Make chat bubble smaller (90%) on mobile.

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'),

style.css

@@ -745,7 +745,7 @@ input:focus {
     }
 
     .message-group {
-        max-width: 100%;
+        max-width: 90%;
     }
 
     .message-image-attachement {