From 096fb74f4e3dcf89b061d3ff2ff27c832ae13b71 Mon Sep 17 00:00:00 2001
From: Bnyro <bnyro@tutanota.com>
Date: Sun, 15 Jun 2025 20:03:42 +0200
Subject: [PATCH] [fix] weather template: text overflow on small screen devices

- this PR fixes that the columns of the weather table are overflowing on small screen devices
- therefore we now display "..." at the end of too long words and cut them off
- additionally I added some small gap between columns, otherwise it looks weird on small screens

- closes https://github.com/searxng/searxng/issues/4887
---
 client/simple/src/less/weather.less | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/client/simple/src/less/weather.less b/client/simple/src/less/weather.less
index b77747a96..0b941ef7d 100644
--- a/client/simple/src/less/weather.less
+++ b/client/simple/src/less/weather.less
@@ -16,10 +16,14 @@
     table-layout: fixed;
     margin-top: 0.5rem;
     margin-bottom: 0.5rem;
+    border-collapse: separate;
+    border-spacing: 0.1em 0;
   }
 
   td {
     padding: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   img.symbol {