style: change admin person form in two column

src/app/features/admin/orgunit/components/presentationals/admin-orgunit-form/admin-orgunit-form.presentational.html

@@ -4,7 +4,6 @@
 >
   <div class="two-columns-wrapper">
     <div class="left-part">
-
       <mat-form-field *ngIf="getFormControl(formDefinition.name) as fd">
         <input [formControl]="fd"
                solidifyValidation

src/app/features/admin/person/components/presentationals/admin-person-form/admin-person-form.presentational.html

 <form [formGroup]="form"
+      class="form-two-columns"
       (ngSubmit)="onSubmit()"
 >
-  <mat-form-field *ngIf="getFormControl(formDefinition.firstName) as fd">
-    <mat-label>{{'admin.person.form.firstName' | translate }}</mat-label>
-    <input matInput
-           solidifyValidation
-           [formControl]="fd"
-           [required]="formValidationHelper.hasRequiredField(fd)"
-    >
-    <mat-error>{{formValidationHelper.getFormError(fd)}}</mat-error>
-  </mat-form-field>
+  <div class="two-columns-wrapper">
+    <div class="left-part">
+      <mat-form-field *ngIf="getFormControl(formDefinition.firstName) as fd">
+        <mat-label>{{'admin.person.form.firstName' | translate }}</mat-label>
+        <input matInput
+               solidifyValidation
+               [formControl]="fd"
+               [required]="formValidationHelper.hasRequiredField(fd)"
+        >
+        <mat-error>{{formValidationHelper.getFormError(fd)}}</mat-error>
+      </mat-form-field>
 
-  <mat-form-field *ngIf="getFormControl(formDefinition.lastName) as fd">
-    <mat-label>{{'admin.person.form.lastName' | translate }}</mat-label>
-    <input matInput
-           solidifyValidation
-           [formControl]="fd"
-           [required]="formValidationHelper.hasRequiredField(fd)"
-    >
-    <mat-error>{{formValidationHelper.getFormError(fd)}}</mat-error>
-  </mat-form-field>
+      <mat-form-field *ngIf="getFormControl(formDefinition.lastName) as fd">
+        <mat-label>{{'admin.person.form.lastName' | translate }}</mat-label>
+        <input matInput
+               solidifyValidation
+               [formControl]="fd"
+               [required]="formValidationHelper.hasRequiredField(fd)"
+        >
+        <mat-error>{{formValidationHelper.getFormError(fd)}}</mat-error>
+      </mat-form-field>
 
-  <mat-form-field *ngIf="getFormControl(formDefinition.orcid) as fd">
-    <mat-label>{{'admin.person.form.orcid' | translate }}</mat-label>
-    <input matInput
-           solidifyValidation
-           [formControl]="fd"
-           [required]="formValidationHelper.hasRequiredField(fd)"
-    >
-    <mat-error>{{formValidationHelper.getFormError(fd)}}</mat-error>
-  </mat-form-field>
-  <dlcm-shared-person-orgunit-role [formControl]="form.get(formDefinition.orgUnitRole)"
-                                   [mode]="personOrgUnitRoleMode.orgUnit"
-                                   [selectedPersonOrOrgUnitRole]="selectedOrgUnitRole"
-                                   [listOrgUnit]="listOrganizationalUnit"
-                                   [listRole]="listRole"
-  ></dlcm-shared-person-orgunit-role>
+      <mat-form-field *ngIf="getFormControl(formDefinition.orcid) as fd">
+        <mat-label>{{'admin.person.form.orcid' | translate }}</mat-label>
+        <input matInput
+               solidifyValidation
+               [formControl]="fd"
+               [required]="formValidationHelper.hasRequiredField(fd)"
+        >
+        <mat-error>{{formValidationHelper.getFormError(fd)}}</mat-error>
+      </mat-form-field>
 
-  <dlcm-shared-multi-select [list]="listInstitutions"
-                            [formControl]="form.get(formDefinition.institutions)"
-                            [required]="isRequired(formDefinition.institutions)"
-                            [labelKey]="'name'"
-                            [valueKey]="'resId'"
-                            [placeholder]="'admin.person.form.institution' | translate"
-  >
-  </dlcm-shared-multi-select>
+      <dlcm-shared-multi-select [list]="listInstitutions"
+                                [formControl]="form.get(formDefinition.institutions)"
+                                [required]="isRequired(formDefinition.institutions)"
+                                [labelKey]="'name'"
+                                [valueKey]="'resId'"
+                                [placeholder]="'admin.person.form.institution' | translate"
+      >
+      </dlcm-shared-multi-select>
+    </div>
 
+    <div class="right-part">
+      <dlcm-shared-person-orgunit-role [formControl]="form.get(formDefinition.orgUnitRole)"
+                                       [mode]="personOrgUnitRoleMode.orgUnit"
+                                       [selectedPersonOrOrgUnitRole]="selectedOrgUnitRole"
+                                       [listOrgUnit]="listOrganizationalUnit"
+                                       [listRole]="listRole"
+      ></dlcm-shared-person-orgunit-role>
+    </div>
+  </div>
   <div class="submit-button">
     <button *ngIf="!readonly"
             mat-flat-button