From 28b6555998e6309dc1976b3c7e9f7e784ddf5bfb Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 6 Nov 2025 07:42:11 -0600
Subject: [PATCH] change icon and popover text in detail stream for annotation
 settings

---
 .../overlay/detail/AnnotationOffsetSlider.tsx         |  4 ++--
 web/src/components/timeline/DetailStream.tsx          | 11 +++--------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/web/src/components/overlay/detail/AnnotationOffsetSlider.tsx b/web/src/components/overlay/detail/AnnotationOffsetSlider.tsx
index 4af982da5..9f4851d42 100644
--- a/web/src/components/overlay/detail/AnnotationOffsetSlider.tsx
+++ b/web/src/components/overlay/detail/AnnotationOffsetSlider.tsx
@@ -121,13 +121,13 @@ export default function AnnotationOffsetSlider({ className }: Props) {
           <PopoverTrigger asChild>
             <button
               className="focus:outline-none"
-              aria-label={t("trackingDetails.annotationSettings.offset.desc")}
+              aria-label={t("trackingDetails.annotationSettings.offset.tips")}
             >
               <LuInfo className="size-4" />
             </button>
           </PopoverTrigger>
           <PopoverContent className="w-80 text-sm">
-            {t("trackingDetails.annotationSettings.offset.desc")}
+            {t("trackingDetails.annotationSettings.offset.tips")}
           </PopoverContent>
         </Popover>
       </div>
diff --git a/web/src/components/timeline/DetailStream.tsx b/web/src/components/timeline/DetailStream.tsx
index 5b45de19f..599bb5839 100644
--- a/web/src/components/timeline/DetailStream.tsx
+++ b/web/src/components/timeline/DetailStream.tsx
@@ -16,13 +16,7 @@ import ActivityIndicator from "../indicators/activity-indicator";
 import { Event } from "@/types/event";
 import { getIconForLabel } from "@/utils/iconUtil";
 import { ReviewSegment } from "@/types/review";
-import {
-  LuChevronDown,
-  LuCircle,
-  LuChevronRight,
-  LuSettings,
-} from "react-icons/lu";
-import { MdAutoAwesome } from "react-icons/md";
+import { LuChevronDown, LuCircle, LuChevronRight } from "react-icons/lu";
 import { getTranslatedLabel } from "@/utils/i18n";
 import EventMenu from "@/components/timeline/EventMenu";
 import { FrigatePlusDialog } from "@/components/overlay/dialog/FrigatePlusDialog";
@@ -32,6 +26,7 @@ import { Link } from "react-router-dom";
 import { Switch } from "@/components/ui/switch";
 import { usePersistence } from "@/hooks/use-persistence";
 import { isDesktop } from "react-device-detect";
+import { PiSlidersHorizontalBold } from "react-icons/pi";
 
 type DetailStreamProps = {
   reviewItems?: ReviewSegment[];
@@ -237,7 +232,7 @@ export default function DetailStream({
             className="flex w-full items-center justify-between p-3"
           >
             <div className="flex items-center gap-2 text-sm font-medium">
-              <LuSettings className="size-4" />
+              <PiSlidersHorizontalBold className="size-4" />
               <span>{t("detail.settings")}</span>
             </div>
             {controlsExpanded ? (