diff --git a/frontend/src/app/modules/grids/widgets/project-details/project-details.component.html b/frontend/src/app/modules/grids/widgets/project-details/project-details.component.html index e012813223..8949a428ed 100644 --- a/frontend/src/app/modules/grids/widgets/project-details/project-details.component.html +++ b/frontend/src/app/modules/grids/widgets/project-details/project-details.component.html @@ -9,7 +9,8 @@
-
+
diff --git a/frontend/src/app/modules/grids/widgets/project-details/project-details.component.ts b/frontend/src/app/modules/grids/widgets/project-details/project-details.component.ts index c2a6174e50..fc8718a7b0 100644 --- a/frontend/src/app/modules/grids/widgets/project-details/project-details.component.ts +++ b/frontend/src/app/modules/grids/widgets/project-details/project-details.component.ts @@ -132,29 +132,18 @@ export class WidgetProjectDetailsComponent extends AbstractWidgetComponent imple this.contentContainer.nativeElement.innerHTML = ''; fields.forEach(field => { - this.contentContainer.nativeElement.appendChild(this.displayKeyValue(field)); + this.renderKeyValue(field); }); } - private displayKeyValue(field:DisplayField) { - const container = this.containerElement(); - - container.appendChild(this.labelElement(field)); - container.appendChild(this.valueElement(field)); - - return container; - } - - private containerElement() { - const container = document.createElement('div'); - container.classList.add('attributes-key-value'); - - return container; + private renderKeyValue(field:DisplayField) { + this.contentContainer.nativeElement.appendChild(this.labelElement(field)); + this.contentContainer.nativeElement.appendChild(this.valueElement(field)); } private labelElement(field:DisplayField) { const label = document.createElement('div'); - label.classList.add('attributes-key-value--key'); + label.classList.add('attributes-map--key'); label.innerText = field.label; return label; @@ -162,7 +151,7 @@ export class WidgetProjectDetailsComponent extends AbstractWidgetComponent imple private valueElement(field:DisplayField) { const value = document.createElement('div'); - value.classList.add('attributes-key-value--value-container'); + value.classList.add('attributes-map--value'); field.render(value, this.getText(field)); return value;