From 0184729f09b16dd7458004e70bd53e7a661d7127 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 12 Mar 2026 14:30:35 -0500
Subject: [PATCH] consistent sizing on activity indicator in save buttons

---
 web/src/components/filter/CameraGroupSelector.tsx            | 2 +-
 web/src/components/overlay/CreateRoleDialog.tsx              | 2 +-
 web/src/components/overlay/CreateTriggerDialog.tsx           | 2 +-
 web/src/components/overlay/CreateUserDialog.tsx              | 2 +-
 web/src/components/overlay/EditRoleCamerasDialog.tsx         | 2 +-
 web/src/components/overlay/SetPasswordDialog.tsx             | 2 +-
 web/src/components/overlay/detail/AnnotationSettingsPane.tsx | 2 +-
 web/src/components/settings/CameraStreamingDialog.tsx        | 2 +-
 web/src/components/settings/MotionMaskEditPane.tsx           | 2 +-
 web/src/components/settings/ObjectMaskEditPane.tsx           | 2 +-
 web/src/components/settings/ZoneEditPane.tsx                 | 2 +-
 web/src/views/settings/EnrichmentsSettingsView.tsx           | 2 +-
 web/src/views/settings/MotionTunerView.tsx                   | 2 +-
 13 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/web/src/components/filter/CameraGroupSelector.tsx b/web/src/components/filter/CameraGroupSelector.tsx
index 14845fdb8..6d86c57f8 100644
--- a/web/src/components/filter/CameraGroupSelector.tsx
+++ b/web/src/components/filter/CameraGroupSelector.tsx
@@ -990,7 +990,7 @@ export function CameraGroupEdit({
           >
             {isLoading ? (
               <div className="flex flex-row items-center gap-2">
-                <ActivityIndicator />
+                <ActivityIndicator className="size-4" />
                 <span>{t("button.saving", { ns: "common" })}</span>
               </div>
             ) : (
diff --git a/web/src/components/overlay/CreateRoleDialog.tsx b/web/src/components/overlay/CreateRoleDialog.tsx
index 0b10f1c9d..023d2b665 100644
--- a/web/src/components/overlay/CreateRoleDialog.tsx
+++ b/web/src/components/overlay/CreateRoleDialog.tsx
@@ -231,7 +231,7 @@ export default function CreateRoleDialog({
                   >
                     {isLoading ? (
                       <div className="flex flex-row items-center gap-2">
-                        <ActivityIndicator />
+                        <ActivityIndicator className="size-4" />
                         <span>{t("button.saving", { ns: "common" })}</span>
                       </div>
                     ) : (
diff --git a/web/src/components/overlay/CreateTriggerDialog.tsx b/web/src/components/overlay/CreateTriggerDialog.tsx
index ef30c649d..1db934e3c 100644
--- a/web/src/components/overlay/CreateTriggerDialog.tsx
+++ b/web/src/components/overlay/CreateTriggerDialog.tsx
@@ -454,7 +454,7 @@ export default function CreateTriggerDialog({
                   >
                     {isLoading ? (
                       <div className="flex flex-row items-center gap-2">
-                        <ActivityIndicator className="size-5" />
+                        <ActivityIndicator className="size-4" />
                         <span>{t("button.saving", { ns: "common" })}</span>
                       </div>
                     ) : (
diff --git a/web/src/components/overlay/CreateUserDialog.tsx b/web/src/components/overlay/CreateUserDialog.tsx
index 1ce32b61b..c0e17bb37 100644
--- a/web/src/components/overlay/CreateUserDialog.tsx
+++ b/web/src/components/overlay/CreateUserDialog.tsx
@@ -432,7 +432,7 @@ export default function CreateUserDialog({
                   >
                     {isLoading ? (
                       <div className="flex flex-row items-center gap-2">
-                        <ActivityIndicator />
+                        <ActivityIndicator className="size-4" />
                         <span>{t("button.saving", { ns: "common" })}</span>
                       </div>
                     ) : (
diff --git a/web/src/components/overlay/EditRoleCamerasDialog.tsx b/web/src/components/overlay/EditRoleCamerasDialog.tsx
index 059de4a78..872226318 100644
--- a/web/src/components/overlay/EditRoleCamerasDialog.tsx
+++ b/web/src/components/overlay/EditRoleCamerasDialog.tsx
@@ -177,7 +177,7 @@ export default function EditRoleCamerasDialog({
                   >
                     {isLoading ? (
                       <div className="flex flex-row items-center gap-2">
-                        <ActivityIndicator />
+                        <ActivityIndicator className="size-4" />
                         <span>{t("button.saving", { ns: "common" })}</span>
                       </div>
                     ) : (
diff --git a/web/src/components/overlay/SetPasswordDialog.tsx b/web/src/components/overlay/SetPasswordDialog.tsx
index 084a841e4..96c29ffdb 100644
--- a/web/src/components/overlay/SetPasswordDialog.tsx
+++ b/web/src/components/overlay/SetPasswordDialog.tsx
@@ -471,7 +471,7 @@ export default function SetPasswordDialog({
                   >
                     {isLoading ? (
                       <div className="flex flex-row items-center gap-2">
-                        <ActivityIndicator />
+                        <ActivityIndicator className="size-4" />
                         <span>{t("button.saving", { ns: "common" })}</span>
                       </div>
                     ) : (
diff --git a/web/src/components/overlay/detail/AnnotationSettingsPane.tsx b/web/src/components/overlay/detail/AnnotationSettingsPane.tsx
index e6c4b19a2..06e0d80ce 100644
--- a/web/src/components/overlay/detail/AnnotationSettingsPane.tsx
+++ b/web/src/components/overlay/detail/AnnotationSettingsPane.tsx
@@ -192,7 +192,7 @@ export function AnnotationSettingsPane({
             >
               {isLoading ? (
                 <div className="flex flex-row items-center gap-2">
-                  <ActivityIndicator />
+                  <ActivityIndicator className="size-4" />
                   <span>{t("button.saving", { ns: "common" })}</span>
                 </div>
               ) : (
diff --git a/web/src/components/settings/CameraStreamingDialog.tsx b/web/src/components/settings/CameraStreamingDialog.tsx
index b7f1979ea..4cabd2d86 100644
--- a/web/src/components/settings/CameraStreamingDialog.tsx
+++ b/web/src/components/settings/CameraStreamingDialog.tsx
@@ -391,7 +391,7 @@ export function CameraStreamingDialog({
           >
             {isLoading ? (
               <div className="flex flex-row items-center gap-2">
-                <ActivityIndicator />
+                <ActivityIndicator className="size-4" />
                 <span>{t("button.saving", { ns: "common" })}</span>
               </div>
             ) : (
diff --git a/web/src/components/settings/MotionMaskEditPane.tsx b/web/src/components/settings/MotionMaskEditPane.tsx
index 3857c4060..d613704cb 100644
--- a/web/src/components/settings/MotionMaskEditPane.tsx
+++ b/web/src/components/settings/MotionMaskEditPane.tsx
@@ -440,7 +440,7 @@ export default function MotionMaskEditPane({
                 >
                   {isLoading ? (
                     <div className="flex flex-row items-center gap-2">
-                      <ActivityIndicator />
+                      <ActivityIndicator className="size-4" />
                       <span>{t("button.saving", { ns: "common" })}</span>
                     </div>
                   ) : (
diff --git a/web/src/components/settings/ObjectMaskEditPane.tsx b/web/src/components/settings/ObjectMaskEditPane.tsx
index 380c40be1..134976396 100644
--- a/web/src/components/settings/ObjectMaskEditPane.tsx
+++ b/web/src/components/settings/ObjectMaskEditPane.tsx
@@ -461,7 +461,7 @@ export default function ObjectMaskEditPane({
                 >
                   {isLoading ? (
                     <div className="flex flex-row items-center gap-2">
-                      <ActivityIndicator />
+                      <ActivityIndicator className="size-4" />
                       <span>{t("button.saving", { ns: "common" })}</span>
                     </div>
                   ) : (
diff --git a/web/src/components/settings/ZoneEditPane.tsx b/web/src/components/settings/ZoneEditPane.tsx
index e52853972..20f4b097a 100644
--- a/web/src/components/settings/ZoneEditPane.tsx
+++ b/web/src/components/settings/ZoneEditPane.tsx
@@ -936,7 +936,7 @@ export default function ZoneEditPane({
             >
               {isLoading ? (
                 <div className="flex flex-row items-center gap-2">
-                  <ActivityIndicator />
+                  <ActivityIndicator className="size-4" />
                   <span>{t("button.saving", { ns: "common" })}</span>
                 </div>
               ) : (
diff --git a/web/src/views/settings/EnrichmentsSettingsView.tsx b/web/src/views/settings/EnrichmentsSettingsView.tsx
index 6aba50dd3..f066f2df9 100644
--- a/web/src/views/settings/EnrichmentsSettingsView.tsx
+++ b/web/src/views/settings/EnrichmentsSettingsView.tsx
@@ -603,7 +603,7 @@ export default function EnrichmentsSettingsView({
             >
               {isLoading ? (
                 <div className="flex flex-row items-center gap-2">
-                  <ActivityIndicator />
+                  <ActivityIndicator className="size-4" />
                   <span>{t("button.saving", { ns: "common" })}</span>
                 </div>
               ) : (
diff --git a/web/src/views/settings/MotionTunerView.tsx b/web/src/views/settings/MotionTunerView.tsx
index 25d5f1469..e95044ec1 100644
--- a/web/src/views/settings/MotionTunerView.tsx
+++ b/web/src/views/settings/MotionTunerView.tsx
@@ -299,7 +299,7 @@ export default function MotionTunerView({
             >
               {isLoading ? (
                 <div className="flex flex-row items-center gap-2">
-                  <ActivityIndicator />
+                  <ActivityIndicator className="size-4" />
                   <span>{t("button.saving", { ns: "common" })}</span>
                 </div>
               ) : (