From 977be8435064a16ade8a4f5a8e9ee16f00d6c770 Mon Sep 17 00:00:00 2001 From: Albert <Albert.Bruns@mgm-tp.com> Date: Thu, 20 Mar 2025 09:46:55 +0100 Subject: [PATCH] OZG-7473-7885 ui ux --- ...regation-mapping-field-form.component.html | 2 +- ...gregation-mapping-list-item.component.html | 21 +++++++++---------- 2 files changed, 11 insertions(+), 12 deletions(-) diff --git a/alfa-client/libs/admin/aggregation-mapping/src/lib/aggregation-mapping-form-container/aggregation-mapping-form/aggregation-mapping-field-list-form/aggregation-mapping-field-form/aggregation-mapping-field-form.component.html b/alfa-client/libs/admin/aggregation-mapping/src/lib/aggregation-mapping-form-container/aggregation-mapping-form/aggregation-mapping-field-list-form/aggregation-mapping-field-form/aggregation-mapping-field-form.component.html index c5f184738c..0a030c5f7d 100644 --- a/alfa-client/libs/admin/aggregation-mapping/src/lib/aggregation-mapping-form-container/aggregation-mapping-form/aggregation-mapping-field-list-form/aggregation-mapping-field-form/aggregation-mapping-field-form.component.html +++ b/alfa-client/libs/admin/aggregation-mapping/src/lib/aggregation-mapping-form-container/aggregation-mapping-form/aggregation-mapping-field-list-form/aggregation-mapping-field-form/aggregation-mapping-field-form.component.html @@ -1,7 +1,7 @@ <form [formGroup]="formService.form"> <ng-container [formArrayName]="AggregationMappingFormService.FIELD_MAPPINGS"> <ng-container [formGroupName]="index"> - <div class="flex w-full flex-col gap-2 mt-4 bg-gray-100 p-4 rounded-md"> + <div class="flex w-full flex-col gap-2 mt-4 bg-background-100 p-4 rounded-md"> <div class="flex flex-row items-center justify-between"> <p class="text-md mb-2 block font-medium text-text">Datenfeld</p> <ods-button diff --git a/alfa-client/libs/admin/aggregation-mapping/src/lib/aggregation-mapping-list-container/aggregation-mapping-list/aggregation-mapping-list-item/aggregation-mapping-list-item.component.html b/alfa-client/libs/admin/aggregation-mapping/src/lib/aggregation-mapping-list-container/aggregation-mapping-list/aggregation-mapping-list-item/aggregation-mapping-list-item.component.html index 777c081ff0..6a04409309 100644 --- a/alfa-client/libs/admin/aggregation-mapping/src/lib/aggregation-mapping-list-container/aggregation-mapping-list/aggregation-mapping-list-item/aggregation-mapping-list-item.component.html +++ b/alfa-client/libs/admin/aggregation-mapping/src/lib/aggregation-mapping-list-container/aggregation-mapping-list/aggregation-mapping-list-item/aggregation-mapping-list-item.component.html @@ -1,17 +1,16 @@ <ods-list-item [path]="aggregationMapping | toResourceUri" [attr.data-test-id]="aggregationMapping.name | convertForDataTest"> - <dl class="flex-1 font-semibold"> - <dt class="sr-only">Name</dt> - <dd data-test-class="fullname">{{ aggregationMapping.name }}</dd> - </dl> - <!-- Remove null safe check operator after backend provides correct data. --> - <div class="flex-1 flex-wrap"> - <dl> + <dl class="flex w-full"> + <div class="w-1/2"> + <dt class="sr-only">Name</dt> + <dd class="font-semibold" data-test-class="fullname">{{ aggregationMapping.name }}</dd> + </div> + <!-- Remove null safe check operator after backend provides correct data. --> + <div class="flex-wrap w-1/2"> <dt class="sr-only">Formengine</dt> <dd>{{ aggregationMapping.formIdentifier?.formEngineName }}</dd> - </dl> - <dl> + <dt class="sr-only">Form ID</dt> <dd>{{ aggregationMapping.formIdentifier?.formId }}</dd> - </dl> - </div> + </div> + </dl> </ods-list-item> -- GitLab