From f03449753c4c18f0c25ffb517cf7c14184ef3fd6 Mon Sep 17 00:00:00 2001
From: Igor Kulikov <ikulikov@thingsboard.io>
Date: Wed, 5 Oct 2022 11:11:27 +0300
Subject: [PATCH] UI: Fix datakey config layout

---
 .../home/components/widget/data-key-config.component.html  | 2 +-
 .../home/components/widget/data-key-config.component.scss  | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.html b/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.html
index 9088f5cc33..a36cab05ff 100644
--- a/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.html
@@ -79,7 +79,7 @@
         </mat-form-field>
         <fieldset *ngIf="dataKeyFormGroup.get('aggregationType').value && dataKeyFormGroup.get('aggregationType').value !== aggregationTypes.NONE" class="fields-group fields-group-slider">
           <legend class="group-title" translate>datakey.delta-calculation</legend>
-          <mat-expansion-panel class="tb-settings" [expanded]="dataKeyFormGroup.get('comparisonEnabled').value" [disabled]="!dataKeyFormGroup.get('comparisonEnabled').value">
+          <mat-expansion-panel class="tb-settings comparison" [expanded]="dataKeyFormGroup.get('comparisonEnabled').value" [disabled]="!dataKeyFormGroup.get('comparisonEnabled').value">
             <mat-expansion-panel-header fxLayout="row wrap">
               <mat-panel-title fxLayout="column">
                 <mat-slide-toggle formControlName="comparisonEnabled" (click)="$event.stopPropagation()"
diff --git a/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.scss b/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.scss
index 7fd1fba872..77f1e3a2b3 100644
--- a/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/data-key-config.component.scss
@@ -83,7 +83,6 @@
         .mat-expansion-panel-header {
           padding: 0;
           color: rgba(0, 0, 0, 0.87);
-          height: 140px;
 
           &:hover {
             background: none;
@@ -94,6 +93,12 @@
           }
         }
 
+        &.comparison {
+          .mat-expansion-panel-header {
+            height: 140px;
+          }
+        }
+
         .mat-expansion-panel-header-description {
           align-items: center;
         }