From de2ba592c42ac0330d284c6275dbf61c9dcb669f Mon Sep 17 00:00:00 2001
From: ArtemDzhereleiko <adzhereleiko@thingsboard.io>
Date: Fri, 19 Dec 2025 16:39:33 +0200
Subject: [PATCH] UI: Fixed required mark for panel title

---
 .../cf-alarm-rule-condition-dialog.component.html  |  4 +---
 .../propagation-configuration.component.html       |  4 +---
 .../simple-configuration.component.html            |  4 +---
 .../components/hint-tooltip-icon.component.scss    |  1 -
 ui-ngx/src/form.scss                               | 14 ++++++++------
 5 files changed, 11 insertions(+), 16 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/alarm-rules/cf-alarm-rule-condition-dialog.component.html b/ui-ngx/src/app/modules/home/components/alarm-rules/cf-alarm-rule-condition-dialog.component.html
index e5c94ce881..90ae6f7c4b 100644
--- a/ui-ngx/src/app/modules/home/components/alarm-rules/cf-alarm-rule-condition-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/components/alarm-rules/cf-alarm-rule-condition-dialog.component.html
@@ -55,9 +55,7 @@
               </div>
             } @else {
               <div class="tb-form-panel no-gap stroked">
-                <div class="tb-form-panel-title tb-required">
-                  {{ 'alarm-rule.script' | translate }}
-                </div>
+                <div class="tb-form-panel-title tb-required">{{ 'alarm-rule.script' | translate }}</div>
                 <tb-js-func formControlName="expression"
                             functionName="expression"
                             class="tb-alarm-rule-script"
diff --git a/ui-ngx/src/app/modules/home/components/calculated-fields/components/propagation-configuration/propagation-configuration.component.html b/ui-ngx/src/app/modules/home/components/calculated-fields/components/propagation-configuration/propagation-configuration.component.html
index 8abbfb2056..5e6726219f 100644
--- a/ui-ngx/src/app/modules/home/components/calculated-fields/components/propagation-configuration/propagation-configuration.component.html
+++ b/ui-ngx/src/app/modules/home/components/calculated-fields/components/propagation-configuration/propagation-configuration.component.html
@@ -59,9 +59,7 @@
                                   [isScript]="this.propagateConfiguration.get('applyExpressionToResolvedArguments').value"/>
   </div>
   <div class="tb-form-panel no-gap" [class.!hidden]="!this.propagateConfiguration.get('applyExpressionToResolvedArguments').value">
-    <div class="tb-form-panel-title tb-required">
-      {{ 'calculated-fields.script' | translate }}
-    </div>
+    <div class="tb-form-panel-title tb-required">{{ 'calculated-fields.script' | translate }}</div>
     <div>
       <tb-js-func required
                   formControlName="expression"
diff --git a/ui-ngx/src/app/modules/home/components/calculated-fields/components/simple-configuration/simple-configuration.component.html b/ui-ngx/src/app/modules/home/components/calculated-fields/components/simple-configuration/simple-configuration.component.html
index e6a37043d5..aed0ef8f06 100644
--- a/ui-ngx/src/app/modules/home/components/calculated-fields/components/simple-configuration/simple-configuration.component.html
+++ b/ui-ngx/src/app/modules/home/components/calculated-fields/components/simple-configuration/simple-configuration.component.html
@@ -27,9 +27,7 @@
                                          [isScript]="isScript" />
   </div>
   <div class="tb-form-panel no-gap">
-    <div class="tb-form-panel-title tb-required">
-      {{ (isScript ? 'calculated-fields.type.script' : 'calculated-fields.expression') | translate }}
-    </div>
+    <div class="tb-form-panel-title tb-required">{{ (isScript ? 'calculated-fields.type.script' : 'calculated-fields.expression') | translate }}</div>
     <mat-form-field class="mt-3" appearance="outline" subscriptSizing="dynamic" [class.hidden]="isScript">
       <input matInput formControlName="expressionSIMPLE" maxlength="255" [placeholder]="'(temperature - 32) / 1.8'"
              required>
diff --git a/ui-ngx/src/app/shared/components/hint-tooltip-icon.component.scss b/ui-ngx/src/app/shared/components/hint-tooltip-icon.component.scss
index 2abc704ece..8b1a9ef4d7 100644
--- a/ui-ngx/src/app/shared/components/hint-tooltip-icon.component.scss
+++ b/ui-ngx/src/app/shared/components/hint-tooltip-icon.component.scss
@@ -17,7 +17,6 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: 4px;
 }
 
 :host {
diff --git a/ui-ngx/src/form.scss b/ui-ngx/src/form.scss
index f300b5e42b..517fc535fb 100644
--- a/ui-ngx/src/form.scss
+++ b/ui-ngx/src/form.scss
@@ -178,10 +178,11 @@
     }
 
     &.tb-required::after {
-      font-size: 13px;
-      color: rgba(0, 0, 0, .54);
+      font-size: inherit;
+      color: inherit;
       vertical-align: top;
-      content: " *";
+      content: "*";
+      margin-left: 1px;
     }
   }
   .tb-form-panel-hint {
@@ -298,10 +299,11 @@
       margin: 8px 0;
     }
     .tb-required::after {
-      font-size: 13px;
-      color: rgba(0, 0, 0, .54);
+      font-size: inherit;
+      color: inherit;
       vertical-align: top;
-      content: " *";
+      content: "*";
+      margin-left: 1px;
     }
   }