update form layout

frontend/lang/messages/en-US.json

@@ -1135,6 +1135,8 @@
       "example-unit-plural": "ex: Tablespoons",
       "example-unit-abbreviation-singular": "ex: Tbsp",
       "example-unit-abbreviation-plural": "ex: Tbsps",
+      "standardization": "Standardization",
+      "standardization-description": "How this unit can be represented as a standard unit. This enables unit conversion features such as merging compatible units in shopping lists.",
       "standard-unit": "Standard Unit",
       "standard-quantity": "Standard Quantity",
       "unit-conversion": "Unit Conversion",

frontend/pages/group/data/units.vue

@@ -279,20 +279,9 @@ const formItems = computed<AutoFormItems>(() => [
     type: fieldTypes.TEXT,
   },
   {
-    section: i18n.t("general.settings"),
+    section: i18n.t("data-pages.units.standardization"),
-    cols: 4,
+    sectionDetails: i18n.t("data-pages.units.standardization-description"),
-    label: i18n.t("data-pages.units.use-abbv"),
+    cols: 2,
-    varName: "useAbbreviation",
-    type: fieldTypes.BOOLEAN,
-  },
-  {
-    cols: 4,
-    label: i18n.t("data-pages.units.fraction"),
-    varName: "fraction",
-    type: fieldTypes.BOOLEAN,
-  },
-  {
-    label: i18n.t("data-pages.units.standard-quantity"),
     varName: "standardQuantity",
     type: fieldTypes.NUMBER,
     numberInputConfig: {
@@ -303,7 +292,7 @@ const formItems = computed<AutoFormItems>(() => [
     },
   },
   {
-    label: i18n.t("data-pages.units.standard-unit"),
+    cols: 10,
     varName: "standardUnit",
     type: fieldTypes.SELECT,
     selectReturnValue: "value",
@@ -342,6 +331,19 @@ const formItems = computed<AutoFormItems>(() => [
       },
     ] as StandardizedUnitTypeOption[],
   },
+  {
+    section: i18n.t("general.settings"),
+    cols: 4,
+    label: i18n.t("data-pages.units.use-abbv"),
+    varName: "useAbbreviation",
+    type: fieldTypes.BOOLEAN,
+  },
+  {
+    cols: 4,
+    label: i18n.t("data-pages.units.fraction"),
+    varName: "fraction",
+    type: fieldTypes.BOOLEAN,
+  },
 ]);
 
 // ============================================================