consistent sizing on activity indicator in save buttons

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>
             ) : (

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>
                     ) : (

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>
                     ) : (

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>
                     ) : (

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>
                     ) : (

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>
                     ) : (

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>
               ) : (

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>
             ) : (

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>
                   ) : (

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>
                   ) : (

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>
               ) : (

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>
               ) : (

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>
               ) : (