fix: FormControlLabel spacing (#3926)

theopensystemslab · Nov 8, 2024 · a0c46c9 · a0c46c9
1 parent dd6883a
commit a0c46c9
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/editor.planx.uk/src/@planx/components/shared/Radio/BasicRadio.tsx b/editor.planx.uk/src/@planx/components/shared/Radio/BasicRadio.tsx
@@ -25,6 +25,7 @@ const BasicRadio: React.FC<Props> = ({
     control={<Radio variant={variant} />}
     label={title}
     sx={(theme) => ({
+      ml: theme.spacing(-1),
       mb: variant === "default" ? 1 : 0,
       alignItems: "flex-start",
       [`& .${formControlLabelClasses.label}`]: {

diff --git a/...or.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings/FlowStatus/index.tsx b/...or.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings/FlowStatus/index.tsx
@@ -107,7 +107,6 @@ const FlowStatus = () => {
         <FormControlLabel
           label={statusForm.values.status}
           sx={{
-            margin: 0,
             marginBottom: 0.5,
             [`& .${formControlLabelClasses.label}`]: {
               fontWeight: FONT_WEIGHT_BOLD,

diff --git a/editor.planx.uk/src/theme.ts b/editor.planx.uk/src/theme.ts
@@ -499,6 +499,13 @@ const getThemeOptions = ({
           },
         },
       },
+      MuiFormControlLabel: {
+        styleOverrides: {
+          root: {
+            margin: 0,
+          },
+        },
+      },
       MuiSwitch: {
         styleOverrides: {
           root: {