From d770626db9aad1c70a5676cdd2beffe646a8226c Mon Sep 17 00:00:00 2001
From: OZGCloud <ozgcloud@mgm-tp.com>
Date: Thu, 9 May 2024 16:49:08 +0200
Subject: [PATCH] OZG-5590 OZG5596 fix attachment

---
 .../binary-file2/binary-file2.component.html              | 4 ++--
 .../src/lib/attachment/attachment.component.ts            | 8 +++-----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/alfa-client/libs/binary-file/src/lib/binary-file2-container/binary-file2/binary-file2.component.html b/alfa-client/libs/binary-file/src/lib/binary-file2-container/binary-file2/binary-file2.component.html
index 96649fe7e1..289539503e 100644
--- a/alfa-client/libs/binary-file/src/lib/binary-file2-container/binary-file2/binary-file2.component.html
+++ b/alfa-client/libs/binary-file/src/lib/binary-file2-container/binary-file2/binary-file2.component.html
@@ -6,10 +6,10 @@
   [attr.aria-label]="'Anhang: Dateiname: ' + file.name"
   [isLoading]="isLoading"
 >
-  <div close class="flex-shrink">
+  <div close class="flex-shrink self-center">
     <button
       *ngIf="deletable"
-      class="flex size-10 items-center justify-center self-center rounded-md hover:border hover:border-ozggray-600 hover:bg-ozggray-100"
+      class="flex size-10 items-center justify-center rounded-md hover:border hover:border-ozggray-600 hover:bg-ozggray-100"
       (click)="deleteFile()"
       title="Anhang löschen"
       aria-label="Anhang löschen Button"
diff --git a/alfa-client/libs/design-system/src/lib/attachment/attachment.component.ts b/alfa-client/libs/design-system/src/lib/attachment/attachment.component.ts
index 86e720a1be..c3f5831c0c 100644
--- a/alfa-client/libs/design-system/src/lib/attachment/attachment.component.ts
+++ b/alfa-client/libs/design-system/src/lib/attachment/attachment.component.ts
@@ -10,17 +10,15 @@ import { SpinnerIconComponent } from '../icons/spinner-icon/spinner-icon.compone
   imports: [CommonModule, SpinnerIconComponent, FileIconComponent],
   styles: [':host {@apply flex border-b border-black/25 last:border-b-0}'],
   template: `<button
-    class="relative flex w-full items-center gap-3 border-b bg-background-100 px-3 py-2 hover:bg-ozggray-200"
+    class="relative flex w-full items-start gap-3 border-b bg-background-100 px-3 py-2 hover:bg-ozggray-200"
   >
-    <div class="flex-shrink self-start">
+    <div class="flex-shrink">
       <ods-file-icon *ngIf="!isLoading" [fileType]="fileType" size="large" />
       <ods-spinner-icon *ngIf="isLoading" size="large" />
     </div>
     <div class="flex grow flex-col items-start break-all text-text">
       <p class="text-start text-sm">
-        sdfsdfsdfsdfkdsjfdshfkjsdjfkhsdjkfhkjdsfhkjsdhfjksdhjfkhsdjkfhdsjkfhdjskhfjksdhfj{{
-          documentName
-        }}
+        {{ documentName }}
       </p>
       <p class="text-xs text-ozggray-600">{{ description }}</p>
     </div>
-- 
GitLab