[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
This commit is contained in:
Bnyro 2025-06-15 20:03:42 +02:00 committed by Markus Heiser
parent ec892d3836
commit 096fb74f4e

View File

@ -16,10 +16,14 @@
table-layout: fixed; table-layout: fixed;
margin-top: 0.5rem; margin-top: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
border-collapse: separate;
border-spacing: 0.1em 0;
} }
td { td {
padding: 0; padding: 0;
overflow: hidden;
text-overflow: ellipsis;
} }
img.symbol { img.symbol {