adjust ´edit´ and ´delete´ button on Vorgang page with crimesList

src/lib/components/NameItemEditor.svelte

@@ -58,26 +58,53 @@
 	}
 </script>
 
-<div data-testid="test-nameItemEditor">
-	{#if isEditing}
-		<input
-			data-testid="test-input"
-			bind:this={inputRef}
-			bind:value={localName}
-			onkeydown={handleKeydown}
-		/>
-		<button
-			data-testid="commit-button"
-			disabled={!!error || localName === currentName}
-			onclick={commitEdit}><Check /></button
-		>
-		<button data-testid="cancel-button" onclick={cancelEdit}><X /></button>
-	{:else}
-		<span>{localName}</span>
-		<button data-testid="edit-button" onclick={startEdit}><Edit /></button>
-		<button data-testid="delete-button" onclick={handleDeleteClick}><Trash /></button>
-	{/if}
-	{#if error}
-		<p class="text-red-500">{error}</p>
-	{/if}
+<div data-testid="test-nameItemEditor" class="flex flex-col gap-1">
+  {#if isEditing}
+    <div class="flex items-center gap-1">
+      <input
+        data-testid="test-input"
+        bind:this={inputRef}
+        bind:value={localName}
+        onkeydown={handleKeydown}
+        class="flex-1 border border-gray-300 rounded px-1.5 py-0.5 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500"
+      />
+      <button
+        data-testid="commit-button"
+        disabled={!!error || localName === currentName}
+        onclick={commitEdit}
+        class="text-gray-500 hover:text-green-600 transition disabled:opacity-40"
+      >
+        <Check class="w-4 h-4" />
+      </button>
+      <button
+        data-testid="cancel-button"
+        onclick={cancelEdit}
+        class="text-gray-500 hover:text-red-600 transition"
+      >
+        <X class="w-4 h-4" />
+      </button>
+    </div>
+  {:else}
+    <div class="flex items-center gap-1">
+      <span class="text-sm font-medium text-gray-900 truncate">{localName}</span>
+      <button
+        data-testid="edit-button"
+        onclick={startEdit}
+        class="text-gray-500 hover:text-blue-600 transition"
+      >
+        <Edit class="w-4 h-4" />
+      </button>
+      <button
+        data-testid="delete-button"
+        onclick={handleDeleteClick}
+        class="text-gray-500 hover:text-red-600 transition"
+      >
+        <Trash class="w-4 h-4" />
+      </button>
+    </div>
+  {/if}
+
+  {#if error}
+    <p class="text-xs text-red-500 mt-1">{error}</p>
+  {/if}
 </div>