From 65fc4a4c589b9e55f0897feb8b78d1f1c04a4004 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 28 May 2026 13:41:15 -0500
Subject: [PATCH] tweaks

---
 web/src/components/settings/CloneCameraDialog.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/web/src/components/settings/CloneCameraDialog.tsx b/web/src/components/settings/CloneCameraDialog.tsx
index 76b8548b15..a928f3d735 100644
--- a/web/src/components/settings/CloneCameraDialog.tsx
+++ b/web/src/components/settings/CloneCameraDialog.tsx
@@ -157,6 +157,7 @@ export default function CloneCameraDialog({
 
   const form = useForm<CloneFormValues>({
     resolver: zodResolver(formSchema),
+    mode: "onChange",
     defaultValues: {
       sourceCamera: "",
       targetMode: "new",
@@ -825,10 +826,15 @@ export default function CloneCameraDialog({
             </div>
 
             <div className="space-y-4">
-              <div className="flex flex-row items-center justify-between gap-2">
-                <Label className="text-base">
-                  {t("cameraManagement.clone.categories.legend")}
-                </Label>
+              <div className="flex flex-row items-start justify-between gap-2">
+                <div className="space-y-1">
+                  <Label className="text-base">
+                    {t("cameraManagement.clone.categories.legend")}
+                  </Label>
+                  <p className="text-xs text-muted-foreground">
+                    {t("cameraManagement.clone.categories.description")}
+                  </p>
+                </div>
                 <div className="flex flex-row items-center gap-2 text-right text-xs text-muted-foreground">
                   <span
                     className="cursor-pointer"