From 5222c65af98f77d8339c01f5419ec86764fb46af Mon Sep 17 00:00:00 2001
From: Max Ehrlicher-Schmidt <maxes2000@t-online.de>
Date: Wed, 16 Dec 2020 15:44:14 +0100
Subject: [PATCH] Fix cell styles

---
 src/app/components/data-page/data-page.component.html        | 1 +
 src/app/components/tableComponents/cell/cell.component.html  | 4 ++--
 src/app/components/tableComponents/cell/cell.component.scss  | 5 +++++
 .../date-range-cell/date-range-cell.component.html           | 1 -
 .../number-range-cell/number-range-cell.component.ts         | 4 ++++
 5 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/components/data-page/data-page.component.html b/src/app/components/data-page/data-page.component.html
index d8a50f2..4fadaf9 100644
--- a/src/app/components/data-page/data-page.component.html
+++ b/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
diff --git a/src/app/components/tableComponents/cell/cell.component.html b/src/app/components/tableComponents/cell/cell.component.html
index a4a11fd..b4abd82 100644
--- a/src/app/components/tableComponents/cell/cell.component.html
+++ b/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>
diff --git a/src/app/components/tableComponents/cell/cell.component.scss b/src/app/components/tableComponents/cell/cell.component.scss
index e69de29..2485351 100644
--- a/src/app/components/tableComponents/cell/cell.component.scss
+++ b/src/app/components/tableComponents/cell/cell.component.scss
@@ -0,0 +1,5 @@
+.list {
+  ::ng-deep .mat-form-field-infix {
+    min-height: 1em;
+  }
+}
diff --git a/src/app/components/tableComponents/date-range-cell/date-range-cell.component.html b/src/app/components/tableComponents/date-range-cell/date-range-cell.component.html
index 6102ef1..332196e 100644
--- a/src/app/components/tableComponents/date-range-cell/date-range-cell.component.html
+++ b/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
diff --git a/src/app/components/tableComponents/number-range-cell/number-range-cell.component.ts b/src/app/components/tableComponents/number-range-cell/number-range-cell.component.ts
index 119d7e5..ad707e0 100644
--- a/src/app/components/tableComponents/number-range-cell/number-range-cell.component.ts
+++ b/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);