diff --git a/css/chat_style-Dark.css b/css/chat_style-Dark.css index 6a4784cc..28d77a4b 100644 --- a/css/chat_style-Dark.css +++ b/css/chat_style-Dark.css @@ -2,6 +2,7 @@ display: grid; align-items: start; grid-template-columns: 60px minmax(0, 1fr); + width: min(100%, calc(768px + 60px)); padding-bottom: 22px; padding-top: 6px; font-size: 18px; diff --git a/css/chat_style-TheEncrypted777.css b/css/chat_style-TheEncrypted777.css index fbd47072..21156ee5 100644 --- a/css/chat_style-TheEncrypted777.css +++ b/css/chat_style-TheEncrypted777.css @@ -4,6 +4,7 @@ display: grid; align-items: start; grid-template-columns: 60px minmax(0, 1fr); + width: min(100%, calc(768px + 60px + 90px)); padding-bottom: 21px; padding-top: 7px; font-size: 18px; diff --git a/css/chat_style-cai-chat-square.css b/css/chat_style-cai-chat-square.css index 291a1209..0d9467df 100644 --- a/css/chat_style-cai-chat-square.css +++ b/css/chat_style-cai-chat-square.css @@ -19,4 +19,5 @@ padding-bottom: 1.5em; padding-top: 0.5em; grid-template-columns: 70px minmax(0, 1fr); + width: min(100%, calc(768px + 70px)); } diff --git a/css/chat_style-cai-chat.css b/css/chat_style-cai-chat.css index b06b1269..6de32597 100644 --- a/css/chat_style-cai-chat.css +++ b/css/chat_style-cai-chat.css @@ -2,6 +2,7 @@ display: grid; align-items: start; grid-template-columns: 60px minmax(0, 1fr); + width: min(100%, calc(768px + 60px)); padding-bottom: 1.5em; padding-top: 0.5em; font-size: 15px; diff --git a/css/chat_style-messenger.css b/css/chat_style-messenger.css index 70fd6d4a..85178759 100644 --- a/css/chat_style-messenger.css +++ b/css/chat_style-messenger.css @@ -1,4 +1,5 @@ .message { + width: min(100%, calc(48rem + 60px)); padding-bottom: 22px; padding-top: 3px; font-size: 15px; diff --git a/css/chat_style-wpp.css b/css/chat_style-wpp.css index b2ac4d2a..5c14fa80 100644 --- a/css/chat_style-wpp.css +++ b/css/chat_style-wpp.css @@ -1,5 +1,6 @@ .message { display: block; + width: min(100%, 48rem); padding-top: 0; padding-bottom: 21px; font-size: 15px; diff --git a/css/main.css b/css/main.css index 7cc496a7..5a58c4a3 100644 --- a/css/main.css +++ b/css/main.css @@ -400,7 +400,6 @@ audio { } .chat .message { - width: min(100%, 48rem); margin-left: auto; margin-right: auto; text-align: start;