From fb2b8eea088379fbda72641174e0b9f4abf27751 Mon Sep 17 00:00:00 2001
From: bfmvsa <bfmvsa@gmail.com>
Date: Mon, 23 Sep 2024 06:04:29 +0200
Subject: [PATCH] Add truncating for text in sensors block to improve behavior
 with different languages

---
 src/css/main.css | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/css/main.css b/src/css/main.css
index 0140fa4a2..1edf334d2 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -277,7 +277,7 @@ input[type="number"]::-webkit-inner-spin-button {
 #sensor-status li {
     float: left;
     height: 67px;
-    width: 33px;
+    width: 35px;
     line-height: 18px;
     text-align: center;
     border: 1px solid #373737;
@@ -289,6 +289,19 @@ input[type="number"]::-webkit-inner-spin-button {
     text-shadow: 0 1px rgba(0, 0, 0, 1.0);
 }
 
+#sensor-status li .gyroicon,
+#sensor-status li .accicon,
+#sensor-status li .magicon,
+#sensor-status li .baroicon,
+#sensor-status li .gpsicon,
+#sensor-status li .opflowicon,
+#sensor-status li .sonaricon,
+#sensor-status li .airspeedicon {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .gyroicon {
     background: url("./../../images/icons/sensor_gyro_off.png") no-repeat top;
     background-size: 43px;