Update

frontend/src/views/TimerPage.tsx

@@ -1,6 +1,6 @@
 import { FormEvent, useEffect, useMemo, useState } from "react";
 import type { Dispatch, SetStateAction } from "react";
-import { Pause, Play, Plus, RotateCcw, Search, Square, Upload } from "lucide-react";
+import { FolderGit, Pause, Play, Plus, RotateCcw, Search, Square, Upload } from "lucide-react";
 import { toast } from "sonner";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
@@ -610,7 +610,13 @@ export function TimerPage({ timers, setTimers, selectedTimerId, setSelectedTimer
                 <CardDescription>
                   {selectedTimer
                     ? selectedTimer.organizationName
-                      ? `${selectedTimer.isProject ? "Projekt · " : ""}${selectedTimer.projectName || selectedTimer.organizationName}${selectedTimer.workType ? ` · ${selectedTimer.workType === "support" ? "Support" : "Consulting"}` : ""}`
+                      ? (
+                          <span className="inline-flex min-w-0 items-center gap-1.5">
+                            {selectedTimer.isProject ? <FolderGit className="size-3.5 shrink-0" aria-label="Projekt" /> : null}
+                            <span>{selectedTimer.organizationName}</span>
+                            {selectedTimer.workType ? <span>· {selectedTimer.workType === "support" ? "Support" : "Consulting"}</span> : null}
+                          </span>
+                        )
                       : "Beim Umschalten wird dieser Timer aktiviert und alle anderen werden pausiert."
                     : "Starte einen Timer, um eine Session zu erfassen."}
                 </CardDescription>