From f6b7a5d7a203219ab3d3eaabababab8f3f3081f2 Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Sun, 8 Mar 2026 00:51:15 +0100
Subject: [PATCH] fix: move provider icon to flex sibling of task text for
 reliable visibility

Provider icon is now a sibling flex item inside .weekly-task-text
(same level as checkbox), not nested inside the title text span.
Larger size (11px) and higher opacity (0.6) for better visibility.

v1.15.8

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, 20 insertions(+), 16 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d4326c9..e823d92 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.15.7",
+  "version": "1.15.8",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "my-weekly-todo-list",
-      "version": "1.15.7",
+      "version": "1.15.8",
       "license": "MIT",
       "dependencies": {
         "@auth/prisma-adapter": "^2.11.1",
diff --git a/package.json b/package.json
index e068a24..d160429 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.15.7",
+  "version": "1.15.8",
   "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 660b628..536ca16 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -7006,20 +7006,24 @@ 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>
+                                {task.externalProvider && !isSomeday && (
+                                    <span
+                                        className="flex-shrink-0"
+                                        title={`Synced with ${task.externalProvider === "outlook" ? "Microsoft" : task.externalProvider === "google" ? "Google" : task.externalProvider === "apple" ? "Apple" : task.externalProvider}`}
+                                        style={{ display: "inline-flex", alignItems: "center", opacity: 0.6, marginRight: "2px" }}
+                                    >
+                                        {task.externalProvider === "google" ? (
+                                            <FontAwesomeIcon icon={faGoogle} style={{ width: 11, height: 11, color: "#4285F4" }} />
+                                        ) : task.externalProvider === "outlook" ? (
+                                            <FontAwesomeIcon icon={faMicrosoft} style={{ width: 11, height: 11, color: "#0078D4" }} />
+                                        ) : task.externalProvider === "apple" ? (
+                                            <FontAwesomeIcon icon={faApple} style={{ width: 11, height: 11, color: "#555" }} />
+                                        ) : task.externalProvider === "synology" ? (
+                                            <FontAwesomeIcon icon={faServer} style={{ width: 11, height: 11, color: "#007AFF" }} />
+                                        ) : null}
+                                    </span>
+                                )}
                             </span>
 
                             {/* Subtask indicator - toggles subtask list */}