OZG-7620-7788 ui/ux

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

 <div class="block bg-background-100 flex flex-col gap-4 p-8">
-  <p>Sind Sie sicher, dass sie {{ username }} löschen möchten?</p>
+  <p>Sind Sie sicher, dass sie <span class="font-bold">{{ username }}</span> löschen möchten?</p>
   <p>Hinweis: Die zugewiesenen Vorgänge bleiben bestehen.</p>
 
   <div class="flex justify-between">
-    <ods-cancel-dialog-button data-test-id="dialog-cancel-button-host" />
+    <ods-cancel-dialog-button variant='outline' data-test-id="dialog-cancel-button-host" />
     <ods-button-with-spinner
       [stateResource]="deleteUserStateResource"
       (clickEmitter)="delete.emit()"
-      variant="outline"
+      variant="primary"
       text="Löschen"
       dataTestId="dialog-delete"
       data-test-id="dialog-delete-button-host"

alfa-client/libs/design-component/src/lib/cancel-dialog-button/cancel-dialog-button.component.ts

 import { OzgcloudDialogService } from '@alfa-client/ui';
-import { Component, inject } from '@angular/core';
-import { ButtonComponent } from '@ods/system';
+import { Component, inject, Input } from '@angular/core';
+import { ButtonComponent, ButtonVariants } from '@ods/system';
 
 @Component({
   selector: 'ods-cancel-dialog-button',
   standalone: true,
   imports: [ButtonComponent],
-  template: `<ods-button (clickEmitter)="cancel()" text="Abbrechen" dataTestId="cancel-dialog" data-test-id="cancel-dialog" />`,
+  template: `<ods-button
+    (clickEmitter)="cancel()"
+    [variant]="variant"
+    text="Abbrechen"
+    dataTestId="cancel-dialog"
+    data-test-id="cancel-dialog"
+  />`,
 })
 export class CancelDialogButtonComponent {
   public readonly dialogService = inject(OzgcloudDialogService);
 
+  @Input() variant: ButtonVariants['variant'] = 'outline';
+
   public cancel(): void {
     this.dialogService.closeAll();
   }