UI: fix for help icon in custom date of card widgets

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/date-format-settings-panel.component.html

@@ -21,7 +21,7 @@
     <div class="fixed-title-width" translate>date.format</div>
     <mat-form-field class="tb-date-format-input" required fxFlex appearance="outline" subscriptSizing="dynamic">
       <input matInput [formControl]="dateFormatFormControl" placeholder="{{ 'widget-config.set' | translate }}">
-      <div matSuffix tb-help-popup="date/date-format" [tb-help-popup-style]="{width: '800px'}" style="line-height: normal"></div>
+      <div matIconSuffix tb-help-popup="date/date-format" [tb-help-popup-style]="{width: '800px'}"></div>
     </mat-form-field>
   </div>
   <mat-divider></mat-divider>

ui-ngx/src/app/modules/home/components/widget/lib/settings/common/date-format-settings-panel.component.scss

@@ -48,9 +48,12 @@
     }
     .mat-mdc-form-field.tb-date-format-input {
       .mat-mdc-text-field-wrapper.mdc-text-field--outlined {
-        .mat-mdc-form-field-icon-suffix {
-          display: flex;
-          align-items: center;
+        .mat-mdc-form-field-flex {
+          .mat-mdc-form-field-icon-suffix {
+            display: flex;
+            align-items: center;
+            line-height: normal;
+          }
         }
       }
     }