From 5841c827f73bd887a00df478cb2289adf47c5cd4 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Wed, 4 Feb 2026 11:51:54 -0600
Subject: [PATCH] spacing and language tweaks

---
 web/public/locales/en/views/settings.json                | 4 ++--
 .../sectionExtras/CameraReviewClassification.tsx         | 2 +-
 web/src/components/config-form/sections/BaseSection.tsx  | 2 +-
 .../config-form/theme/templates/ObjectFieldTemplate.tsx  | 9 ++++++---
 .../config-form/theme/widgets/SwitchesWidget.tsx         | 6 +++---
 5 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/web/public/locales/en/views/settings.json b/web/public/locales/en/views/settings.json
index 91326f70c..10f813a11 100644
--- a/web/public/locales/en/views/settings.json
+++ b/web/public/locales/en/views/settings.json
@@ -1245,14 +1245,14 @@
       "title": "Object Settings"
     },
     "objectLabels": {
-      "summary": "Selected {{count}}",
+      "summary": "{{count}} selected",
       "empty": "No object labels available"
     },
     "filters": {
       "objectFieldLabel": "{{field}} for {{label}}"
     },
     "zoneNames": {
-      "summary": "Selected {{count}}",
+      "summary": "{{count}} selected",
       "empty": "No zones available"
     },
     "review": {
diff --git a/web/src/components/config-form/sectionExtras/CameraReviewClassification.tsx b/web/src/components/config-form/sectionExtras/CameraReviewClassification.tsx
index 3f2146d88..f0286766a 100644
--- a/web/src/components/config-form/sectionExtras/CameraReviewClassification.tsx
+++ b/web/src/components/config-form/sectionExtras/CameraReviewClassification.tsx
@@ -154,7 +154,7 @@ export default function CameraReviewClassification({
   }
 
   return (
-    <div className="space-y-6">
+    <div className="mb-4 space-y-6">
       <Heading as="h4" className="my-2">
         <Trans ns="views/settings">
           cameraReview.reviewClassification.title
diff --git a/web/src/components/config-form/sections/BaseSection.tsx b/web/src/components/config-form/sections/BaseSection.tsx
index d2ec798dd..2eb1a2a90 100644
--- a/web/src/components/config-form/sections/BaseSection.tsx
+++ b/web/src/components/config-form/sections/BaseSection.tsx
@@ -167,7 +167,7 @@ export function ConfigSection({
   onSave,
   requiresRestart = true,
   collapsible = false,
-  defaultCollapsed = false,
+  defaultCollapsed = true,
   showTitle,
   onStatusChange,
   pendingDataBySection,
diff --git a/web/src/components/config-form/theme/templates/ObjectFieldTemplate.tsx b/web/src/components/config-form/theme/templates/ObjectFieldTemplate.tsx
index b491057cf..682c85b42 100644
--- a/web/src/components/config-form/theme/templates/ObjectFieldTemplate.tsx
+++ b/web/src/components/config-form/theme/templates/ObjectFieldTemplate.tsx
@@ -66,7 +66,7 @@ export function ObjectFieldTemplate(props: ObjectFieldTemplateProps) {
   // Check if this is a root-level object
   const isRoot = registry?.rootSchema === schema;
 
-  const [isOpen, setIsOpen] = useState(true);
+  const [isOpen, setIsOpen] = useState(false);
 
   const isCameraLevel = formContext?.level === "camera";
   const effectiveNamespace = isCameraLevel ? "config/cameras" : "config/global";
@@ -276,7 +276,10 @@ export function ObjectFieldTemplate(props: ObjectFieldTemplateProps) {
         {advancedProps.length > 0 && (
           <Collapsible open={showAdvanced} onOpenChange={setShowAdvanced}>
             <CollapsibleTrigger asChild>
-              <Button variant="ghost" className="w-full justify-start gap-2">
+              <Button
+                variant="ghost"
+                className="w-full justify-start gap-2 pl-0"
+              >
                 {showAdvanced ? (
                   <LuChevronDown className="h-4 w-4" />
                 ) : (
@@ -328,7 +331,7 @@ export function ObjectFieldTemplate(props: ObjectFieldTemplateProps) {
                   <Button
                     variant="ghost"
                     size="sm"
-                    className="w-full justify-start gap-2"
+                    className="w-full justify-start gap-2 pl-0"
                   >
                     {showAdvanced ? (
                       <LuChevronDown className="h-4 w-4" />
diff --git a/web/src/components/config-form/theme/widgets/SwitchesWidget.tsx b/web/src/components/config-form/theme/widgets/SwitchesWidget.tsx
index eac5f2493..1d2e1f2e1 100644
--- a/web/src/components/config-form/theme/widgets/SwitchesWidget.tsx
+++ b/web/src/components/config-form/theme/widgets/SwitchesWidget.tsx
@@ -148,10 +148,10 @@ export function SwitchesWidget(props: WidgetProps) {
   const summary = t
     ? t(`configForm.${i18nKey}.summary`, {
         ns: namespace,
-        defaultValue: "Selected {{count}}",
+        defaultValue: "{{count}} selected",
         count: selectedEntities.length,
       })
-    : `Selected ${selectedEntities.length}`;
+    : `${selectedEntities.length} selected`;
 
   const emptyMessage = t
     ? t(`configForm.${i18nKey}.empty`, {
@@ -167,7 +167,7 @@ export function SwitchesWidget(props: WidgetProps) {
           <Button
             type="button"
             variant="ghost"
-            className="w-full justify-start gap-2"
+            className="w-full justify-start gap-2 pl-0"
             disabled={disabled || readonly}
           >
             {isOpen ? (