From 9525c0e7a7e27e1fe07c9027897903e2f0fa53fe Mon Sep 17 00:00:00 2001
From: sigseg5 <sigseg5@protonmail.com>
Date: Sun, 26 Jan 2025 00:01:54 +0300
Subject: [PATCH] Add adaptive padding for user and assistant messages on width
 <= 1480px

---
 exo/tinychat/index.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/exo/tinychat/index.css b/exo/tinychat/index.css
index 47c5e4be..6d812f44 100644
--- a/exo/tinychat/index.css
+++ b/exo/tinychat/index.css
@@ -139,6 +139,14 @@ main {
   padding: 0.5rem 1rem;
   border-radius: 20px;
 }
+
+@media(max-width: 1482px) {
+  .messages {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}
+
 .message-role-assistant {
   background-color: var(--secondary-color);
   margin-right: auto;