From 373152e7a601aa1281abaaa24cb84c63777a9239 Mon Sep 17 00:00:00 2001
From: thek4n <thek4n@yandex.ru>
Date: Sun, 7 Jun 2026 19:31:16 +0300
Subject: [PATCH] feat(frontend): increase pump state led

---
 assets/index.html | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/assets/index.html b/assets/index.html
index 52d5f94..4ddf14f 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -68,11 +68,19 @@
             transition: box-shadow 0.2s;
         }
 
+        .pressure-row {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 20px;
+            margin: -5px auto 20px;
+        }
+
         .pressure-value {
             text-align: center;
             font-size: 2.1rem;
             font-weight: 700;
-            margin: -5px auto 20px;
+            margin: 0;
             color: #eef4ff;
             background: rgba(0, 0, 0, 0.65);
             backdrop-filter: blur(12px);
@@ -259,13 +267,13 @@
 
         .pump-state {
             text-align: center;
-            margin: 0.5rem auto 1.2rem auto;
-            padding: 0.4rem 0.8rem;
+            margin: 0;
+            padding: 12px 24px;
             width: fit-content;
-            border-radius: 20px;
+            border-radius: 60px;
             background: #33373b;
             font-weight: 700;
-            font-size: 0.85rem;
+            font-size: 1.1rem;
             letter-spacing: 1px;
             color: #959ea6;
             font-family: monospace;
@@ -286,7 +294,7 @@
                 box-shadow: 0 0 0 0 rgba(0, 168, 107, 0.4);
             }
             70% {
-                box-shadow: 0 0 0 6px rgba(0, 168, 107, 0);
+                box-shadow: 0 0 0 8px rgba(0, 168, 107, 0);
             }
             100% {
                 box-shadow: 0 0 0 0 rgba(0, 168, 107, 0);
@@ -309,9 +317,11 @@
         <canvas id="manometerCanvas" width="500" height="500"></canvas>
     </div>
     <div class="value-wrapper">
-        <div class="pressure-value" id="currentPressureDisplay">0.00 атм</div>
+      <div class="pressure-row">
+          <div class="pressure-value" id="currentPressureDisplay">0.00 атм</div>
+          <div class="pump-state" id="currentPumpState"></div>
+      </div>
     </div>
-    <div class="pump-state" id="currentPumpState"></div>
 
     <div class="sliders-panel">
         <div class="slider-group">