From 2c2ae970cd47743f14941594c8cbf37092cfde59 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Fri, 6 Feb 2026 09:51:21 -0600
Subject: [PATCH] fix buttons

---
 web/public/locales/en/views/settings.json        |  3 ++-
 .../config-form/sections/BaseSection.tsx         | 13 ++-----------
 .../theme/fields/DetectorHardwareField.tsx       | 16 ++++++----------
 3 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/web/public/locales/en/views/settings.json b/web/public/locales/en/views/settings.json
index 7c6475668..7d07d5064 100644
--- a/web/public/locales/en/views/settings.json
+++ b/web/public/locales/en/views/settings.json
@@ -1240,7 +1240,8 @@
       "keyRequired": "Detector name is required.",
       "keyDuplicate": "Detector name already exists.",
       "noSchema": "No detector schemas are available.",
-      "none": "No detector instances configured."
+      "none": "No detector instances configured.",
+      "add": "Add detector"
     },
     "record": {
       "title": "Recording Settings"
diff --git a/web/src/components/config-form/sections/BaseSection.tsx b/web/src/components/config-form/sections/BaseSection.tsx
index 81d9b16f9..4a417f85b 100644
--- a/web/src/components/config-form/sections/BaseSection.tsx
+++ b/web/src/components/config-form/sections/BaseSection.tsx
@@ -25,12 +25,7 @@ import { useSectionSchema } from "@/hooks/use-config-schema";
 import type { FrigateConfig } from "@/types/frigateConfig";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
-import {
-  LuRotateCcw,
-  LuSave,
-  LuChevronDown,
-  LuChevronRight,
-} from "react-icons/lu";
+import { LuChevronDown, LuChevronRight } from "react-icons/lu";
 import Heading from "@/components/ui/heading";
 import get from "lodash/get";
 import unset from "lodash/unset";
@@ -874,7 +869,6 @@ export function ConfigSection({
                 disabled={isSaving || disabled}
                 className="flex flex-1 gap-2"
               >
-                <LuRotateCcw className="h-4 w-4" />
                 {level === "global"
                   ? t("button.resetToDefault", {
                       ns: "common",
@@ -911,10 +905,7 @@ export function ConfigSection({
                 })}
               </>
             ) : (
-              <>
-                <LuSave className="h-4 w-4" />
-                {t("button.save", { ns: "common", defaultValue: "Save" })}
-              </>
+              <>{t("button.save", { ns: "common", defaultValue: "Save" })}</>
             )}
           </Button>
         </div>
diff --git a/web/src/components/config-form/theme/fields/DetectorHardwareField.tsx b/web/src/components/config-form/theme/fields/DetectorHardwareField.tsx
index 1e097c691..dca280926 100644
--- a/web/src/components/config-form/theme/fields/DetectorHardwareField.tsx
+++ b/web/src/components/config-form/theme/fields/DetectorHardwareField.tsx
@@ -628,13 +628,6 @@ export function DetectorHardwareField(props: FieldProps) {
 
   const detectorEntries = Object.entries(detectors);
   const isDisabled = Boolean(disabled || readonly);
-  const addLabel = `${t("button.add", {
-    ns: "common",
-    defaultValue: "Add",
-  })} ${t("detectors.label", {
-    ns: configNamespace,
-    defaultValue: "Detector hardware",
-  })}`;
 
   return (
     <div className="space-y-4">
@@ -806,10 +799,13 @@ export function DetectorHardwareField(props: FieldProps) {
         </div>
       )}
 
-      <div className="flex justify-start">
-        <div className="w-full max-w-md rounded-lg border bg-card p-4">
+      <div className="flex justify-start pt-5">
+        <div className="w-full max-w-lg rounded-lg border bg-card p-4">
           <div className="text-sm font-medium text-muted-foreground">
-            {addLabel}
+            {t("configForm.detectors.add", {
+              ns: "views/settings",
+              defaultValue: "Add detector",
+            })}
           </div>
           <div className="mt-3 flex flex-col gap-3 md:flex-row md:items-end">
             <div className="flex-1 space-y-2">