Fix "Create task" button showing over "Start task" button when in single pane layout #38

[Klaster1]

Fix for #38

[Copilot]

Pull Request Overview

This PR fixes the issue where the "Create task" button overlaps the "Start task" button in single pane layout. Key changes include:

• Moving the "Create task" button from one conditional block to a new position after the cdk-virtual-scroll-viewport.
• Adding an end-to-end test that verifies the layout via visual regression when the window is resized.

Reviewed Changes

Copilot reviewed 4 out of 6 changed files in this pull request and generated no comments.

File	Description
src/app/screen-tasks/screen-tasks.component.html	Repositions the "Create task" button to resolve layout overlapping.
e2e/fixtures/tasks.ts	Introduces an e2e visual regression test for single pane layout.

Files not reviewed (2)

• src/app/screen-task/screen-task.component.scss: Language not supported
• src/app/screen-tasks/screen-tasks.component.scss: Language not supported

Comments suppressed due to low confidence (2)

src/app/screen-tasks/screen-tasks.component.html:57

• The repositioned 'Create task' button is now placed immediately after the virtual scroll viewport. Please ensure that this change does not affect the expected stacking context or interfere with any layout or styling inheritance that might be relied upon elsewhere.

<button

e2e/fixtures/tasks.ts:118

• The new e2e test resizes the window to trigger the single panel layout; verify that these dimensions reliably produce the intended layout across various environments and screen configurations.

await t.resizeWindow(800, 800);