Tweak

lib/taskUtils.js

@@ -326,6 +326,8 @@ function addTasksToDiv(_tasks, targetDivId) {
     const taskText = d();
     const taskExtra = d();
     taskText.classList.add("taskText");
+    const taskTitle = d();
+    taskText.appendChild(taskTitle)
     taskExtra.classList.add("taskExtra");
     let text = task.text.replace("#kr", "✨ #kr");
     const extra = task.extra ? task.extra : "";
@@ -358,9 +360,9 @@ function addTasksToDiv(_tasks, targetDivId) {
         );
       }
     }
-    taskText.innerHTML = text;
+    taskTitle.innerHTML = text;
     taskExtra.innerHTML = extra;
-    taskText.addEventListener("contextmenu", (e) => {
+    taskTitle.addEventListener("contextmenu", (e) => {
       e.preventDefault();
       const allRows = Array.from(document.querySelectorAll(".taskRow"));
       let skip = false;
@@ -411,9 +413,9 @@ function addTasksToDiv(_tasks, targetDivId) {
       });
     });
     if (link) {
-      taskText.addEventListener("click", (e) => (window.location.href = link));
-      taskText.innerHTML += " 🔗";
-      taskText.style.cursor = "pointer";
+      taskTitle.addEventListener("click", (e) => (window.location.href = link));
+      taskTitle.innerHTML += " 🔗";
+      taskTitle.style.cursor = "pointer";
     }
     const extralinkWrapper = document.createElement("div");
     extralinkWrapper.classList.add("extralinkWrapper");

style.css

@@ -247,6 +247,10 @@ span[data-title]:hover::after {
   border-radius: 0.5em;
 }
 
+.taskText > div {
+  display: inline;
+}
+
 .taskText span.extralink.visited {
   color: var(--light-grey-trans);
 }