Merge branch 'main' into OZG-7473-save-statistic-fields

alfa-client/libs/admin/user/src/lib/user-form/user-form-data/user-form-data-name/user-form-data-name.component.html

-<p class="flex flex-col gap-2 text-text">
+<p class="flex flex-col gap-0.5 text-text">
   <span class="font-medium">Benutzername</span>
   <span>{{ userName }}</span>
 </p>

alfa-client/libs/admin/user/src/lib/user-form/user-form-roles/user-form-roles.component.html

 <h2 class="heading-2 mt-4">Rollen für OZG-Cloud</h2>
 <div [formGroup]="formGroupParent">
-  <div [formGroupName]="UserFormService.CLIENT_ROLES" class="mb-8 flex gap-56">
-    <div [formGroupName]="UserFormService.ADMINISTRATION_GROUP" class="flex flex-col gap-2">
+  <div [formGroupName]="UserFormService.CLIENT_ROLES" class="mb-8 flex flex-col gap-4 md:flex-row">
+    <div [formGroupName]="UserFormService.ADMINISTRATION_GROUP" class="flex flex-1 flex-col gap-2">
       <h3 class="text-md block font-medium text-text">Administration</h3>
       <div class="flex items-center gap-2">
         <ods-checkbox-editor [formControlName]="UserFormService.ADMIN" label="Admin" inputId="admin" />
@@ -26,7 +26,7 @@
         </button>
       </div>
     </div>
-    <div [formGroupName]="UserFormService.ALFA_GROUP" class="flex flex-col gap-2">
+    <div [formGroupName]="UserFormService.ALFA_GROUP" class="flex flex-1 flex-col gap-2">
       <h3 class="text-md block font-medium text-text">Alfa</h3>
       <div class="flex items-center gap-2">
         <ods-checkbox-editor [formControlName]="UserFormService.LOESCHEN" label="Löschen" inputId="delete" />

alfa-client/libs/admin/user/src/lib/user-form/user-form.component.html

@@ -32,7 +32,7 @@
       [formGroupParent]="formService.form"
       [formGroupOrganisationsEinheiten]="formService.getOrganisationsEinheitenGroup()"
     />
-    <div class="flex justify-between">
+    <div class="mb-6 flex justify-between">
       <admin-user-form-save-button />
       @if (isPatch) {
         <admin-delete-open-dialog-button data-test-id="delete-button-container" />

alfa-client/libs/design-component/src/lib/form/formcontrol-editor.abstract.component.ts

@@ -64,12 +64,15 @@ export abstract class FormControlEditorAbstractComponent implements ControlValue
     this.fieldControl.setValue(text);
     this.setErrors();
   }
+
   registerOnChange(fn: (text: string | Date) => {}): void {
     this.onChange = fn;
   }
+
   registerOnTouched(fn: () => {}): void {
     this.onTouched = fn;
   }
+
   setDisabledState?(isDisabled: boolean): void {
     this.disabled = isDisabled;
   }
@@ -83,9 +86,9 @@ export abstract class FormControlEditorAbstractComponent implements ControlValue
     if (this.control) {
       this.fieldControl.setErrors(this.control.errors);
       if (this.control.invalid) {
-        this._updateInvalidParams();
         this.fieldControl.markAsTouched();
       }
+      this._updateInvalidParams();
     }
   }