Fix cell styles

src/app/components/data-page/data-page.component.html

@@ -60,6 +60,7 @@
           (validityChange)="validityChange(prop.dataPath, $event)"
           [(from)]="data[prop.dataPath + '.from']"
           [(to)]="data[prop.dataPath + '.to']"
+          [label]="prop.translation || prop.dataPath"
         ></app-date-range-cell>
         <a
           mat-button

src/app/components/tableComponents/cell/cell.component.html

@@ -62,7 +62,7 @@
   </ng-template>
 </div>
 
-<div #enumInputType *ngIf="htmlInputType === 'stringList'">
+<div #enumInputType class="list" *ngIf="htmlInputType === 'stringList'">
   <mat-form-field *ngIf="editable || label; else nonEditableText">
     <mat-label *ngIf="label">{{ label }}</mat-label>
     <mat-chip-list #chipList>
@@ -89,7 +89,7 @@
   </ng-template>
 </div>
 
-<div #enumInputType *ngIf="htmlInputType === 'linkList'">
+<div #enumInputType class="list" *ngIf="htmlInputType === 'linkList'">
   <mat-form-field *ngIf="editable || label; else nonEditableText">
     <mat-label *ngIf="label">{{ label }}</mat-label>
     <mat-chip-list #chipList>

src/app/components/tableComponents/cell/cell.component.scss

@@ -0,0 +1,5 @@
+.list {
+  ::ng-deep .mat-form-field-infix {
+    min-height: 1em;
+  }
+}

src/app/components/tableComponents/date-range-cell/date-range-cell.component.html

@@ -3,7 +3,6 @@
   *ngIf="editable || label; else stringValue"
   [formGroup]="dateRangeGroup"
 >
-  <mat-label *ngIf="label">{{ label }}</mat-label>
   <mat-form-field class="date-range-input">
     <input
       matInput

src/app/components/tableComponents/number-range-cell/number-range-cell.component.ts

@@ -74,6 +74,10 @@ export class NumberRangeCellComponent implements OnInit {
       minValue: new FormControl(),
       maxValue: new FormControl(),
     });
+    if (!this.editable) {
+      this.rangeForm?.controls['minValue'].disable();
+      this.rangeForm?.controls['maxValue'].disable();
+    }
     this.rangeForm.controls['minValue'].markAsTouched();
     this.rangeForm.controls['maxValue'].markAsTouched();
     this.rangeForm?.controls['minValue'].setValue(this.min);