adjustments

ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/modbus/modbus-slave-dialog/modbus-slave-dialog.component.html

@@ -281,7 +281,7 @@
                       </mat-slide-toggle>
                     </mat-panel-title>
                   </mat-expansion-panel-header>
-                  <tb-modbus-security-config formControlName="security"></tb-modbus-security-config>
+                  <tb-modbus-security-config class="security-config" formControlName="security"></tb-modbus-security-config>
                 </mat-expansion-panel>
               </div>
               <div class="tb-form-row" fxLayoutAlign="space-between center">
@@ -306,7 +306,7 @@
                 </mat-slide-toggle>
               </div>
               <div class="tb-form-row column-xs" fxLayoutAlign="space-between center">
-                <div class="fixed-title-width-230 tb-required" tb-hint-tooltip-icon="{{ 'gateway.hints.modbus.poll-period' | translate }}">
+                <div class="fixed-title-width-260 tb-required" tb-hint-tooltip-icon="{{ 'gateway.hints.modbus.poll-period' | translate }}">
                   <span tbTruncateWithTooltip translate>
                     gateway.poll-period
                   </span>
@@ -318,7 +318,7 @@
                 </div>
               </div>
               <div class="tb-form-row column-xs" fxLayoutAlign="space-between center">
-                <div class="fixed-title-width-230 tb-required" tb-hint-tooltip-icon="{{ 'gateway.hints.modbus.connect-attempt-time' | translate }}" translate>gateway.connect-attempt-time</div>
+                <div class="fixed-title-width-260 tb-required" tb-hint-tooltip-icon="{{ 'gateway.hints.modbus.connect-attempt-time' | translate }}" translate>gateway.connect-attempt-time</div>
                 <div class="tb-flex no-gap">
                   <mat-form-field class="tb-flex no-gap" appearance="outline" subscriptSizing="dynamic">
                     <input matInput type="number" min="0" name="value" formControlName="connectAttemptTimeMs" placeholder="{{ 'gateway.set' | translate }}"/>
@@ -326,7 +326,7 @@
                 </div>
               </div>
               <div class="tb-form-row column-xs" fxLayoutAlign="space-between center">
-                <div class="fixed-title-width-230 tb-required" tb-hint-tooltip-icon="{{ 'gateway.hints.modbus.connect-attempt-count' | translate }}" translate>gateway.connect-attempt-count</div>
+                <div class="fixed-title-width-260 tb-required" tb-hint-tooltip-icon="{{ 'gateway.hints.modbus.connect-attempt-count' | translate }}" translate>gateway.connect-attempt-count</div>
                 <div class="tb-flex no-gap">
                   <mat-form-field class="tb-flex no-gap" appearance="outline" subscriptSizing="dynamic">
                     <input matInput type="number" min="0" name="value" formControlName="connectAttemptCount" placeholder="{{ 'gateway.set' | translate }}"/>
@@ -334,7 +334,7 @@
                 </div>
               </div>
               <div class="tb-form-row column-xs" fxLayoutAlign="space-between center">
-                <div class="fixed-title-width-230 tb-required" tb-hint-tooltip-icon="{{ 'gateway.hints.modbus.wait-after-failed-attempts' | translate }}" translate>gateway.wait-after-failed-attempts</div>
+                <div class="fixed-title-width-260 tb-required" tb-hint-tooltip-icon="{{ 'gateway.hints.modbus.wait-after-failed-attempts' | translate }}" translate>gateway.wait-after-failed-attempts</div>
                 <div class="tb-flex no-gap">
                   <mat-form-field class="tb-flex no-gap" appearance="outline" subscriptSizing="dynamic">
                     <input matInput type="number" min="0" name="value" formControlName="waitAfterFailedAttemptsMs" placeholder="{{ 'gateway.set' | translate }}"/>

ui-ngx/src/app/modules/home/components/widget/lib/gateway/connectors-configuration/modbus/modbus-slave-dialog/modbus-slave-dialog.component.scss

@@ -23,4 +23,14 @@
     margin-right: 16px;
     color: rgba(0, 0, 0, 0.87);
   }
+
+  .fixed-title-width-260 {
+    min-width: 260px;
+  }
+
+  ::ng-deep.security-config {
+    .fixed-title-width {
+      min-width: 230px;
+    }
+  }
 }