From 604cd371f2012335c0dad232d841f10e7bb0ce76 Mon Sep 17 00:00:00 2001 From: Ian Jones <51156018+ianjon3s@users.noreply.github.com> Date: Tue, 18 Jun 2024 13:20:21 +0100 Subject: [PATCH] refactor: Reduce height of MUI switch (#3285) --- editor.planx.uk/src/theme.ts | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/editor.planx.uk/src/theme.ts b/editor.planx.uk/src/theme.ts index b6ef7ee8dc..53dcfd39f7 100644 --- a/editor.planx.uk/src/theme.ts +++ b/editor.planx.uk/src/theme.ts @@ -433,10 +433,11 @@ const getThemeOptions = ({ MuiSwitch: { styleOverrides: { root: { - width: "80px", - height: "48px", + width: "76px", + height: "44px", padding: "8px", left: "-8px", + marginRight: "-4px", "& .MuiSwitch-switchBase": { padding: "11px", borderRadius: "50%", @@ -447,8 +448,8 @@ const getThemeOptions = ({ }, "& .MuiSwitch-thumb": { background: palette.common.white, - width: "26px", - height: "26px", + width: "22px", + height: "22px", }, "& .MuiSwitch-track": { background: palette.background.dark, @@ -550,7 +551,7 @@ const getThemeOptions = ({ { props: { variant: "compact" }, style: { - "& label": { paddingBottom: "200px", }, + "& label": { paddingBottom: "200px" }, "&.MuiRadio-root": { width: "40px", height: "40px", @@ -568,7 +569,7 @@ const getThemeOptions = ({ }, }, ], - }, + }, }, };