UI: Fix datakey config layout

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()"

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;
         }