UI: Fix widget background settings popup panel height.

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

@@ -17,7 +17,7 @@
 -->
 <div class="tb-background-settings-panel" [formGroup]="backgroundSettingsFormGroup">
   <div class="tb-background-settings-title" translate>widgets.background.background-settings</div>
-  <div class="tb-form-panel">
+  <div class="tb-form-panel tb-background-form-panel">
     <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="16px">
       <div class="tb-form-panel-title" translate>widgets.background.background</div>
       <tb-toggle-select formControlName="type" fxFlex selectMediaBreakpoint="xs">
@@ -28,7 +28,7 @@
       </tb-toggle-select>
     </div>
     <tb-gallery-image-input [fxShow]="backgroundSettingsFormGroup.get('type').value === backgroundType.image" formControlName="imageUrl"></tb-gallery-image-input>
-    <div [fxShow]="backgroundSettingsFormGroup.get('type').value === backgroundType.color" class="tb-form-row space-between">
+    <div [fxShow]="backgroundSettingsFormGroup.get('type').value === backgroundType.color" class="tb-form-row space-between tb-background-color-field">
       <div translate>widgets.color.color</div>
       <tb-color-input asBoxInput
                       formControlName="color">

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

@@ -31,6 +31,12 @@
     letter-spacing: 0.25px;
     color: rgba(0, 0, 0, 0.87);
   }
+  .tb-background-form-panel {
+    height: 192px;
+    .tb-background-color-field {
+      height: auto;
+    }
+  }
   .tb-background-settings-preview {
     flex: 1;
     background: rgba(0, 0, 0, 0.04);