From dac1c57c982dfb0227a90abee6dbaf2537234f17 Mon Sep 17 00:00:00 2001
From: Chi Cong Tran <chi-cong.tran@polizei.niedersachsen.de>
Date: Thu, 13 Nov 2025 12:03:51 +0100
Subject: [PATCH] =?UTF-8?q?align=20Vorgang=20item=20on=20list=20page=20and?=
 =?UTF-8?q?=20remove=20=C2=B4Vorgang=C2=B4=20description?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/(angemeldet)/list/+page.svelte | 40 +++++++++++------------
 1 file changed, 19 insertions(+), 21 deletions(-)

diff --git a/src/routes/(angemeldet)/list/+page.svelte b/src/routes/(angemeldet)/list/+page.svelte
index c7fedbf..59bbe55 100644
--- a/src/routes/(angemeldet)/list/+page.svelte
+++ b/src/routes/(angemeldet)/list/+page.svelte
@@ -101,28 +101,25 @@
 				{#each vorgangList as vorgangItem}
 					<li data-testid="test-list-item">
 						<a
-							href="{ROUTE_NAMES.VORGANG(vorgangItem.vorgangToken)}"
-							class="flex justify-between gap-x-6 py-5"
+						href="{ROUTE_NAMES.VORGANG(vorgangItem.vorgangToken)}"
+						class="flex flex-col items-center justify-center gap-2 py-4 px-4 rounded-lg hover:bg-gray-50 transition text-center"
 						>
-							<div class="flex gap-x-4">
-								<Folder />
-								<div class="min-w-0 flex-auto">
-									<span class="text-sm font-semibold leading-6 text-gray-900"
-										>{vorgangItem.vorgangName}</span
-									>
-									<button
-										style="padding: 2px"
-										id="del__{vorgangItem.vorgangToken}"
-										on:click|preventDefault={delete_item}
-										aria-label="Vorgang {vorgangItem.name} löschen"
-									>
-										<Trash />
-									</button>
-								</div>
-							</div>
-							<div class="hidden sm:flex sm:flex-col sm:items-end">
-								<p class="text-sm leading-6 text-gray-900">Vorgang</p>
-							</div>
+						<div class="flex items-center justify-center gap-3">
+							<Folder class="w-6 h-6 text-gray-600" />
+
+							<span class="text-sm font-semibold leading-6 text-gray-900">
+							{vorgangItem.vorgangName}
+							</span>
+
+							<button
+							id="del__{vorgangItem.vorgangToken}"
+							on:click|preventDefault={delete_item}
+							aria-label="Vorgang {vorgangItem.name} löschen"
+							class="p-1.5 rounded-full text-gray-500 hover:text-red-600 hover:bg-red-50 transition"
+							>
+							<Trash class="w-4 h-4" />
+							</button>
+						</div>
 						</a>
 					</li>
 				{/each}
@@ -198,3 +195,4 @@
 		min-width: 24rem;
 	}
 </style>
+