From 00b820a90d48fa6f05bb15346947cac10ccb5e5b Mon Sep 17 00:00:00 2001
From: thek4n <thek4n@yandex.ru>
Date: Sun, 7 Jun 2026 19:47:35 +0300
Subject: [PATCH] fix(frontend): pressure thresholds labels

---
 assets/index.html | 31 +++++++++++++++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/assets/index.html b/assets/index.html
index d2dca2d..c4cc584 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -124,6 +124,29 @@
             text-shadow: 0 1px 1px black;
         }
 
+        .threshold-value {
+            background: #1e2f3f;
+            color: #c0e0ff;
+            padding: 3px 14px;
+            border-radius: 40px;
+            font-size: 0.85rem;
+            font-weight: 500;
+            box-shadow: inset 0 1px 2px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1);
+            display: inline-flex;
+            gap: 4px;
+            align-items: baseline;
+        }
+
+        .threshold-value span:first-child {
+            min-width: 45px;
+            text-align: right;
+            font-weight: 600;
+        }
+
+        .threshold-value span:last-child {
+            opacity: 0.8;
+        }
+
         .slider-group span {
             background: #1e2f3f;
             color: #c0e0ff;
@@ -332,7 +355,9 @@
         <div class="slider-group">
             <label>
                 Нижний порог (включение)
-                <span id="minThresholdVal">0.00</span> атм
+                <span class="threshold-value">
+                    <span id="minThresholdVal">0.00</span> атм
+                </span>
             </label>
             <input type="range" class="min-slider" id="minSlider" min="0" max="8" step="0.05" value="0.0">
         </div>
@@ -340,7 +365,9 @@
         <div class="slider-group">
             <label>
                 Верхний порог (выключение)
-                <span id="maxThresholdVal">0.10</span> атм
+                <span class="threshold-value">
+                    <span id="maxThresholdVal">0.10</span> атм
+                </span>
             </label>
             <input type="range" class="max-slider" id="maxSlider" min="0" max="8" step="0.05" value="3.0">
         </div>