From a3c5d9847bc20c809fad0696fd950a5015b15874 Mon Sep 17 00:00:00 2001
From: vitalymatyushik <vitaly.matyushik@freighthub.com>
Date: Mon, 14 Oct 2024 18:39:41 +0200
Subject: [PATCH] feat: update threshold labels

---
 .../rule/rule-settings-dialog/rule-settings-dialog.html   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/app/components/rule/rule-settings-dialog/rule-settings-dialog.html b/apps/client/src/app/components/rule/rule-settings-dialog/rule-settings-dialog.html
index 435eef7a9..cbd4b3b1a 100644
--- a/apps/client/src/app/components/rule/rule-settings-dialog/rule-settings-dialog.html
+++ b/apps/client/src/app/components/rule/rule-settings-dialog/rule-settings-dialog.html
@@ -6,7 +6,8 @@
     class="w-100"
     [ngClass]="{ 'd-none': !data.rule.configuration.thresholdMin }"
   >
-    <label i18n>Threshold Min</label>
+    <h5 i18n>Threshold Min</h5>
+    <label>{{ data.settings.thresholdMin }}</label>
     <mat-slider
       name="thresholdMin"
       [max]="data.rule.configuration.threshold.max"
@@ -15,14 +16,14 @@
     >
       <input matSliderThumb [(ngModel)]="data.settings.thresholdMin" />
     </mat-slider>
-    <mat-label>{{ data.settings.thresholdMin }}</mat-label>
   </div>
   <div
     appearance="outline"
     class="w-100"
     [ngClass]="{ 'd-none': !data.rule.configuration.thresholdMax }"
   >
-    <mat-label i18n>Threshold Max</mat-label>
+    <h5 i18n>Threshold Max</h5>
+    <label>{{ data.settings.thresholdMax }}</label>
     <mat-slider
       name="thresholdMax"
       [max]="data.rule.configuration.threshold.max"
@@ -30,7 +31,6 @@
       [step]="data.rule.configuration.threshold.step"
       ><input matSliderThumb [(ngModel)]="data.settings.thresholdMax"
     /></mat-slider>
-    <mat-label>{{ data.settings.thresholdMax }}</mat-label>
   </div>
 </div>