From 08ac46bb6bc257def701b5b63b271dad56611a7a Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Sun, 8 Mar 2026 00:28:45 +0100
Subject: [PATCH] fix: move provider icon inline after task title for better
 visibility

Place the provider logo (Google/Microsoft/Apple/Synology) right after
the task title text so it's always visible and not hidden by the
task-actions toolbar. Only shown on weekday slots, not in someday area.

v1.15.5

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 package-lock.json             |  4 ++--
 package.json                  |  2 +-
 src/components/WeeklyView.tsx | 30 +++++++++++++-----------------
 3 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index bddbb27..2a8f95e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.15.4",
+  "version": "1.15.5",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "my-weekly-todo-list",
-      "version": "1.15.4",
+      "version": "1.15.5",
       "license": "MIT",
       "dependencies": {
         "@auth/prisma-adapter": "^2.11.1",
diff --git a/package.json b/package.json
index 797675c..b3962a9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.15.4",
+  "version": "1.15.5",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 75d2686..a1ea964 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -7001,6 +7001,19 @@ function TaskItem({
                                     }}
                                 >
                                     {task.title}
+                                    {task.externalProvider && !isSomeday && (
+                                        <span style={{ display: "inline-flex", alignItems: "center", marginLeft: "5px", opacity: 0.5, verticalAlign: "middle" }}>
+                                            {task.externalProvider === "google" ? (
+                                                <FontAwesomeIcon icon={faGoogle} style={{ width: 10, height: 10, color: "#4285F4" }} />
+                                            ) : task.externalProvider === "outlook" ? (
+                                                <FontAwesomeIcon icon={faMicrosoft} style={{ width: 10, height: 10, color: "#0078D4" }} />
+                                            ) : task.externalProvider === "apple" ? (
+                                                <FontAwesomeIcon icon={faApple} style={{ width: 10, height: 10, color: "#555" }} />
+                                            ) : task.externalProvider === "synology" ? (
+                                                <FontAwesomeIcon icon={faServer} style={{ width: 10, height: 10, color: "#007AFF" }} />
+                                            ) : null}
+                                        </span>
+                                    )}
                                 </span>
                             </span>
 
@@ -7308,23 +7321,6 @@ function TaskItem({
                                 </button>
                             </div>
 
-                            {/* Provider icon at far right (only on weekday slots, not someday) */}
-                            {task.externalProvider && !isSomeday && (
-                                <span
-                                    className="flex-shrink-0"
-                                    style={{ display: "inline-flex", alignItems: "center", marginLeft: "4px", opacity: 0.45, pointerEvents: "none" }}
-                                >
-                                    {task.externalProvider === "google" ? (
-                                        <FontAwesomeIcon icon={faGoogle} style={{ width: 10, height: 10, color: "#4285F4" }} />
-                                    ) : task.externalProvider === "outlook" ? (
-                                        <FontAwesomeIcon icon={faMicrosoft} style={{ width: 10, height: 10, color: "#0078D4" }} />
-                                    ) : task.externalProvider === "apple" ? (
-                                        <FontAwesomeIcon icon={faApple} style={{ width: 10, height: 10, color: "#555" }} />
-                                    ) : task.externalProvider === "synology" ? (
-                                        <FontAwesomeIcon icon={faServer} style={{ width: 10, height: 10, color: "#007AFF" }} />
-                                    ) : null}
-                                </span>
-                            )}
                         </>
                     )}
                 </div>