From 85afb5de2bea29963909d29676cd8d7dfc3ca9e5 Mon Sep 17 00:00:00 2001
From: Artem Dzhereleiko <Dgerik2015@gmail.com>
Date: Thu, 5 Jan 2023 14:41:18 +0200
Subject: [PATCH] UI: Fixed translation and gap for widget setting mobile mod

---
 .../app/modules/home/components/widget/data-keys.component.ts   | 2 +-
 .../modules/home/components/widget/widget-config.component.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/widget/data-keys.component.ts b/ui-ngx/src/app/modules/home/components/widget/data-keys.component.ts
index 940e4c4c9b..454c9b0ec8 100644
--- a/ui-ngx/src/app/modules/home/components/widget/data-keys.component.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/data-keys.component.ts
@@ -250,7 +250,7 @@ export class DataKeysComponent implements ControlValueAccessor, OnInit, AfterVie
           this.secondaryPlaceholder = '+' + this.translate.instant('datakey.latest-key-function');
         } else if (this.widgetType === widgetType.alarm) {
           this.placeholder = this.translate.instant('datakey.alarm-key-functions');
-          this.secondaryPlaceholder = '+' + this.translate.instant('alarm-key-function');
+          this.secondaryPlaceholder = '+' + this.translate.instant('datakey.alarm-key-function');
         } else {
           this.placeholder = this.translate.instant('datakey.timeseries-key-functions');
           this.secondaryPlaceholder = '+' + this.translate.instant('datakey.timeseries-key-function');
diff --git a/ui-ngx/src/app/modules/home/components/widget/widget-config.component.html b/ui-ngx/src/app/modules/home/components/widget/widget-config.component.html
index 8ba8cda461..7a2c113b88 100644
--- a/ui-ngx/src/app/modules/home/components/widget/widget-config.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/widget-config.component.html
@@ -488,7 +488,7 @@
           <legend class="group-title" translate>widget-config.mobile-mode-settings</legend>
           <mat-expansion-panel class="tb-settings">
             <mat-expansion-panel-header>
-              <mat-panel-title>
+              <mat-panel-title fxLayout.xs="column" fxLayout="row" fxLayoutGap="8px">
                 <mat-slide-toggle formControlName="mobileHide" (click)="$event.stopPropagation()" fxLayoutAlign="center">
                   {{ 'widget-config.mobile-hide' | translate }}
                 </mat-slide-toggle>