From c9f73e4a98e23a45c7ba28898cafe6505b354725 Mon Sep 17 00:00:00 2001
From: Guilherme Rugai Freire <dev@grfreire.com>
Date: Sun, 21 Jul 2024 02:14:16 -0300
Subject: [PATCH] make mail responsive

---
 pkg/web_server/styles.templ | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/pkg/web_server/styles.templ b/pkg/web_server/styles.templ
index b5232f6..eae261e 100644
--- a/pkg/web_server/styles.templ
+++ b/pkg/web_server/styles.templ
@@ -325,6 +325,7 @@ templ styles() {
             margin: 4px 0;
             background: #262626;
             padding: 8px;
+            overflow-wrap: break-word;
         }
 
         body.mail .mail-header div:nth-child(odd) {
@@ -349,5 +350,13 @@ templ styles() {
             white-space: pre-wrap;
         }
 
+        @media (max-width: 1500px) {
+            body.mail .mail-header, body.mail main {
+                width: 90%;
+                max-width: 975px;
+            }
+        }
+
+
     </style>
 }