From 9c3f0fe85124a6bde28a99005a4515fc098d92b7 Mon Sep 17 00:00:00 2001
From: Chris <chrisvel@users.noreply.github.com>
Date: Tue, 24 Feb 2026 13:03:38 +0200
Subject: [PATCH] Fix new task in mobile (#857)

---
 frontend/Layout.tsx                           |  3 ++
 .../Task/TaskDetails/TaskDetailsHeader.tsx    | 46 ++++++-------------
 2 files changed, 18 insertions(+), 31 deletions(-)

diff --git a/frontend/Layout.tsx b/frontend/Layout.tsx
index 6b09031..c4b4616 100644
--- a/frontend/Layout.tsx
+++ b/frontend/Layout.tsx
@@ -106,6 +106,9 @@ const Layout: React.FC<LayoutProps> = ({
             });
 
             if (newTask?.uid) {
+                if (window.innerWidth < 1024) {
+                    setIsSidebarOpen(false);
+                }
                 navigate(`/task/${newTask.uid}`, { state: { isNew: true } });
             } else {
                 throw new Error('New task missing UID');
diff --git a/frontend/components/Task/TaskDetails/TaskDetailsHeader.tsx b/frontend/components/Task/TaskDetails/TaskDetailsHeader.tsx
index 39bd1d7..96b429e 100644
--- a/frontend/components/Task/TaskDetails/TaskDetailsHeader.tsx
+++ b/frontend/components/Task/TaskDetails/TaskDetailsHeader.tsx
@@ -273,37 +273,21 @@ const TaskDetailsHeader: React.FC<TaskDetailsHeaderProps> = ({
                 <div className="flex items-center justify-between gap-4">
                     <div className="flex-1 min-w-0">
                         {isEditingTitle ? (
-                            <div className="flex items-center space-x-2">
-                                <input
-                                    ref={titleInputRef}
-                                    type="text"
-                                    value={editedTitle}
-                                    onChange={(e) =>
-                                        setEditedTitle(e.target.value)
-                                    }
-                                    onKeyDown={handleTitleKeyDown}
-                                    onBlur={handleSaveTitle}
-                                    className="text-2xl font-normal text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 border-2 border-blue-500 dark:border-blue-400 rounded px-2 py-1 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 w-full"
-                                    placeholder={t(
-                                        'task.titlePlaceholder',
-                                        'Enter task title'
-                                    )}
-                                />
-                                <button
-                                    onClick={handleSaveTitle}
-                                    className="p-1.5 text-green-600 dark:text-green-400 hover:text-green-700 dark:hover:text-green-300 rounded-full transition-colors duration-200"
-                                    title={t('common.save', 'Save')}
-                                >
-                                    <CheckIcon className="h-5 w-5" />
-                                </button>
-                                <button
-                                    onClick={handleCancelTitleEdit}
-                                    className="p-1.5 text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 rounded-full transition-colors duration-200"
-                                    title={t('common.cancel', 'Cancel')}
-                                >
-                                    <XMarkIcon className="h-5 w-5" />
-                                </button>
-                            </div>
+                            <input
+                                ref={titleInputRef}
+                                type="text"
+                                value={editedTitle}
+                                onChange={(e) =>
+                                    setEditedTitle(e.target.value)
+                                }
+                                onKeyDown={handleTitleKeyDown}
+                                onBlur={handleSaveTitle}
+                                className="text-2xl font-normal text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 border-2 border-blue-500 dark:border-blue-400 rounded px-2 py-1 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400 w-full"
+                                placeholder={t(
+                                    'task.titlePlaceholder',
+                                    'Enter task title'
+                                )}
+                            />
                         ) : (
                             <>
                                 <div className="flex items-center gap-3 flex-wrap min-w-0">