#3666 Design Anpassung

apps/modal/notifications/src/lib/notifications-list-item/notifications-list-item.component.html

@@ -1,8 +1,11 @@
-<div class="notification-headlien">
-  <h1 class="text-left text-base font-bold">{{ item.headline }}</h1>
-  <button *ngIf="editButton" class="notification-edit-cta" (click)="itemSelected.emit(item)">
-    Bearbeiten
-  </button>
+<div class="grid grid-cols-[1fr_auto] items-center gap-4">
+  <div class="grid grid-flow-row gap-4">
+    <h1 class="text-left font-bold text-lg">{{ item.headline }}</h1>
+    <div class="notification-text">{{ item.text }}</div>
+  </div>
+  <div>
+    <button *ngIf="editButton" class="notification-edit-cta text-brand font-bold text-lg px-4 py-3" (click)="itemSelected.emit(item)">
+      {{ editButtonLabel }}
+    </button>
+  </div>
 </div>
-
-<div class="notification-text">{{ item.text }}</div>

apps/modal/notifications/src/lib/notifications-list-item/notifications-list-item.component.ts

@@ -16,5 +16,8 @@ export class ModalNotificationsListItemComponent {
   @Input()
   editButton = true;
 
+  @Input()
+  editButtonLabel = 'Bearbeiten';
+
   constructor() {}
 }

apps/modal/notifications/src/lib/notifications-package-inspection-group/notifications-package-inspection-group.component.html

@@ -1,11 +1,11 @@
 <div class="notification-list scroll-bar">
   <ng-container *ngFor="let notification of notifications">
-    <div class="grid grid-cols-2 items-center justify-between cursor-pointer" (click)="itemSelected(notification)">
-      <modal-notifications-list-item [editButton]="false" [item]="notification"></modal-notifications-list-item>
-      <div class="text-right">
-        <span class="text-brand font-bold text-lg px-4 py-3">Packstück-Prüfung</span>
-      </div>
-    </div>
+    <modal-notifications-list-item
+      (click)="itemSelected(notification)"
+      [editButtonLabel]="'Packstück-Prüfung'"
+      [item]="notification"
+      (itemSelected)="itemSelected($event)"
+    ></modal-notifications-list-item>
     <hr />
   </ng-container>
 </div>