OZG-7473-7885 ui ux

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

 <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

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

 <ods-list-item [path]="aggregationMapping | toResourceUri" [attr.data-test-id]="aggregationMapping.name | convertForDataTest">
-  <dl class="flex-1 font-semibold">
+  <dl class="flex w-full">
+    <div class="w-1/2">
       <dt class="sr-only">Name</dt>
-    <dd data-test-class="fullname">{{ aggregationMapping.name }}</dd>
-  </dl>
+      <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-1 flex-wrap">
-    <dl>
+    <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>
+  </dl>
 </ods-list-item>