From 96bea44604812e6347e2ff98fd7989c84d860217 Mon Sep 17 00:00:00 2001
From: Vladyslav Prykhodko <vlad.pryhodko@icloud.com>
Date: Tue, 2 Feb 2021 00:45:42 +0200
Subject: [PATCH] UI: Fixed show widget action dialog in Safari browser

---
 .../widget-action-dialog.component.html       | 42 +++++++++----------
 1 file changed, 19 insertions(+), 23 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.html b/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.html
index d8f25c0321..33678c88b3 100644
--- a/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.html
@@ -67,15 +67,13 @@
       </mat-form-field>
       <section fxLayout="column" [formGroup]="actionTypeFormGroup" [ngSwitch]="widgetActionFormGroup.get('type').value">
         <ng-template [ngSwitchCase]="widgetActionType.openDashboard">
-          <div fxLayout="column">
-            <div class="mat-caption tb-required"
-                 style="padding-left: 3px; padding-bottom: 10px; color: rgba(0,0,0,0.57);" translate>widget-action.target-dashboard</div>
-            <tb-dashboard-autocomplete
-              formControlName="targetDashboardId"
-              required
-              [selectFirstDashboard]="true"
-            ></tb-dashboard-autocomplete>
-          </div>
+          <div class="mat-caption tb-required"
+               style="padding-left: 3px; padding-bottom: 10px; color: rgba(0,0,0,0.57);" translate>widget-action.target-dashboard</div>
+          <tb-dashboard-autocomplete
+            formControlName="targetDashboardId"
+            required
+            [selectFirstDashboard]="true"
+          ></tb-dashboard-autocomplete>
         </ng-template>
         <ng-template [ngSwitchCase]="widgetActionFormGroup.get('type').value === widgetActionType.openDashboardState ||
                                      widgetActionFormGroup.get('type').value === widgetActionType.updateDashboardState ||
@@ -122,26 +120,24 @@
                                      widgetActionFormGroup.get('type').value === widgetActionType.updateDashboardState ||
                                      widgetActionFormGroup.get('type').value === widgetActionType.openDashboard ?
                                      widgetActionFormGroup.get('type').value : ''">
-          <div fxFlex fxLayout="column">
-            <mat-checkbox formControlName="setEntityId">
-              {{ 'widget-action.set-entity-from-widget' | translate }}
-            </mat-checkbox>
-            <mat-form-field *ngIf="actionTypeFormGroup.get('setEntityId').value"
-                            floatLabel="always"
-                            class="mat-block">
-              <mat-label translate>alias.state-entity-parameter-name</mat-label>
-              <input matInput
-                     placeholder="{{ 'alias.default-entity-parameter-name' | translate }}"
-                     formControlName="stateEntityParamName">
-            </mat-form-field>
-          </div>
+          <mat-checkbox formControlName="setEntityId">
+            {{ 'widget-action.set-entity-from-widget' | translate }}
+          </mat-checkbox>
+          <mat-form-field *ngIf="actionTypeFormGroup.get('setEntityId').value"
+                          floatLabel="always"
+                          class="mat-block">
+            <mat-label translate>alias.state-entity-parameter-name</mat-label>
+            <input matInput
+                   placeholder="{{ 'alias.default-entity-parameter-name' | translate }}"
+                   formControlName="stateEntityParamName">
+          </mat-form-field>
         </ng-template>
         <ng-template [ngSwitchCase]="widgetActionFormGroup.get('type').value === widgetActionType.openDashboardState ?
                                      widgetActionFormGroup.get('type').value : ''">
           <mat-checkbox formControlName="openInSeparateDialog">
             {{ 'widget-action.open-in-separate-dialog' | translate }}
           </mat-checkbox>
-          <section fxLayout="column" *ngIf="actionTypeFormGroup.get('openInSeparateDialog').value">
+          <section *ngIf="actionTypeFormGroup.get('openInSeparateDialog').value">
             <mat-form-field class="mat-block">
               <mat-label translate>widget-action.dialog-title</mat-label>
               <input matInput formControlName="dialogTitle">