From 3c8d47ed523dc675828f10dc0a10991c78ea578c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Sun, 14 Sep 2025 14:19:33 +0400
Subject: [PATCH] fix: handle long text in COUNTDOWN_TIMEZONES

---
 css/countdown.css | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/css/countdown.css b/css/countdown.css
index b42b2c3..a5098a5 100644
--- a/css/countdown.css
+++ b/css/countdown.css
@@ -103,7 +103,7 @@ body {
 .countdown-other-timezones {
     margin: 25px 0;
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
     gap: 12px;
     max-width: 800px;
     margin-left: auto;
@@ -150,9 +150,12 @@ body {
     font-weight: bold;
     color: #FF0000;
     margin-bottom: 4px;
-    font-size: 0.85rem;
+    font-size: 0.8rem;
     text-transform: uppercase;
-    letter-spacing: 0.5px;
+    letter-spacing: 0.3px;
+    line-height: 1.1;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
 }
 
 .timezone-time {
@@ -252,7 +255,7 @@ body {
     }
     
     .countdown-other-timezones {
-        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
         gap: 10px;
     }
     
@@ -301,7 +304,7 @@ body {
     }
     
     .countdown-other-timezones {
-        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
         gap: 8px;
     }