Improve individual tasks on the front page, compact icon selector, and add annotaions.

svelte-ui/src/components/QuestLog.svelte

@@ -11,7 +11,7 @@
   let inactiveProjects: ProjectResult[];
   let completedProjects: ProjectResult[];
   let failedProjects: ProjectResult[];
-  let posponedProjects: ProjectResult[];
+  let onholdProjects: ProjectResult[];
   let ideaProjects: ProjectResult[];
   let project: ProjectResult = null;
 
@@ -21,7 +21,7 @@
   $: inactiveProjects = projects.filter(p => !p.active).sort((a,b) => a.name.localeCompare(b.name));
   $: completedProjects = inactiveProjects.filter(p => p.statusTag === "completed" || p.statusTag == null);
   $: failedProjects = inactiveProjects.filter(p => p.statusTag === "failed" || p.statusTag === "declined");
-  $: postponedProjects = inactiveProjects.filter(p => p.statusTag === "on hold" || p.statusTag === "postponed");
+  $: onholdProjects = inactiveProjects.filter(p => p.statusTag === "on hold" || p.statusTag === "onhold");
   $: ideaProjects = inactiveProjects.filter(p => p.statusTag === "to do" || p.statusTag === "idea");
 
   $: {
@@ -39,7 +39,7 @@
     <QlList label="Deadlines" projects={expiringProjects} />
     <QlList label="Active" projects={activeProjects} />
     <QlList label="To Do" projects={ideaProjects} />
-    <QlList label="On Hold" projects={postponedProjects} />
+    <QlList label="On Hold" projects={onholdProjects} />
     <QlList label="Completed" projects={completedProjects} />
     <QlList label="Failed" projects={failedProjects} />
   </div>