diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-antragsteller/vorgang-detail-antragsteller.component.html b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-antragsteller/vorgang-detail-antragsteller.component.html index d0a6bdc22500a72a94d95c18d503d083c005f7a9..11c9b0139c83dc5fbef7f1235df0c3a3559e19cb 100644 --- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-antragsteller/vorgang-detail-antragsteller.component.html +++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-area/vorgang-detail-antragsteller/vorgang-detail-antragsteller.component.html @@ -23,13 +23,13 @@ unter der Lizenz sind dem Lizenztext zu entnehmen. --> -<h3 class="font-medium leading-6 mb-2">Antragsteller</h3> -<ul - *ngIf="antragstellerExists; else noAntragsteller" - data-test-id="antragsteller-list" - class="text-sm leading-6 my-1" +<h3 class="mb-2 font-medium leading-6">Antragsteller</h3> +<ul + *ngIf="antragstellerExists; else noAntragsteller" + data-test-id="antragsteller-list" + class="my-1 text-sm leading-6" > - <div class="font-medium mb-2"> + <div class="mb-2 font-medium"> <h4 *ngIf="!isFirma && name" data-test-id="antragsteller-name" class="my-1"> {{ name }} </h4> @@ -40,12 +40,9 @@ <li *ngIf="antragstellerStrasseHausnummer || antragstellerPlzOrt" data-test-id="antragsteller-adresse" - class="flex gap-2 my-2" + class="my-2 flex gap-2" > - <mat-icon - class="material-icons-outlined" - aria-label="Adresse" - aria-hidden="false" + <mat-icon class="material-icons-outlined" aria-label="Adresse" aria-hidden="false" >location_on</mat-icon > <div class="flex flex-col"> @@ -58,34 +55,26 @@ </div> </li> <div *ngIf="isFirma && name" class="mb-1"> - <h4 class="my-1 font-medium"> - Ansprechpartner - </h4> + <h4 class="my-1 font-medium">Ansprechpartner</h4> <p class="my-1" data-test-id="antragsteller-ansprechpartner-name">{{ name }}</p> </div> - <li *ngIf="antragstellerData.email" [title]="email" class="flex gap-2 my-2"> - <mat-icon - class="material-icons-outlined" - aria-label="E-Mail-Adresse" - aria-hidden="false" + <li *ngIf="antragstellerData.email" [title]="antragstellerData.email" class="my-2 flex gap-2"> + <mat-icon class="material-icons-outlined" aria-label="E-Mail-Adresse" aria-hidden="false" >email</mat-icon > <p data-test-id="antragsteller-email"> {{ antragstellerData.email }} </p> </li> - <li *ngIf="antragstellerData.telefon" class="flex gap-2 my-2"> - <mat-icon - class="material-icons-outlined" - aria-label="Telefonnummer" - aria-hidden="false" + <li *ngIf="antragstellerData.telefon" class="my-2 flex gap-2"> + <mat-icon class="material-icons-outlined" aria-label="Telefonnummer" aria-hidden="false" >call_black</mat-icon > <p data-test-id="antragsteller-telefon"> {{ antragstellerData.telefon }} </p> </li> - <li *ngIf="geburt" class="flex gap-2 my-2"> + <li *ngIf="geburt" class="my-2 flex gap-2"> <mat-icon class="material-icons-outlined" aria-label="Geburtsdatum und Geburtsort"