draw edited task on top of its siblings

src/components/Task.svelte

@@ -119,6 +119,7 @@
 	{#key context.updateOnZoomCounter}
 		<div
 			class="task-container"
+			class:editing={context.editingTaskId === taskId}
 			bind:this={self}
 			role="presentation"
 			style="
@@ -207,6 +208,9 @@
 		z-index: 3; /* over lines*/
 		position: absolute;
 	}
+	.task-container.editing {
+		z-index: 4; /* raise the task being renamed above its siblings */
+	}
 	.task {
 		/*background: #111;*/
 		/*background-color: #1E1E1E;*/