Use short tag displaying on the front page.

svelte-ui/src/components/ParentEntry.svelte

@@ -7,6 +7,7 @@
   import Markdown from "./Markdown.svelte";
 import ProjectIcon from "./ProjectIcon.svelte";
   import ProjectProgress from "./ProjectProgress.svelte";
+import Tag from "./Tag.svelte";
 import TimeProgress from "./TimeProgress.svelte";
 
   interface EntryIconHolder {
@@ -26,6 +27,7 @@ import TimeProgress from "./TimeProgress.svelte";
     tasks?: TaskResult[]
     active?: boolean
     statusName?: string
+    tags?: string[]
   }
 
   export let entry: EntryCommon;
@@ -65,6 +67,9 @@ import TimeProgress from "./TimeProgress.svelte";
   {/if}
   <div class="body">
     <div class="header">
+      {#if !full && entry.tags && entry.tags.length > 0}
+        <Tag small value={entry.tags[0]} />
+      {/if}
       <div class="name">
         {#if headerLink}
           <a href={headerLink}>{entry.name}</a>

svelte-ui/src/components/ProjectEntry.svelte

@@ -115,7 +115,9 @@ import stuffLogClient from "../clients/stufflog";
       <ProgressNumbers project={project} />
     </div>
     <div slot="above-description">
-      <TagList tags={project.tags} />
+      {#if showAllOptions}
+        <TagList tags={project.tags} />
+      {/if}
     </div>
     {#if showAllOptions}
       <OptionRow>