From 026965f75ef2a53560dbb67f4ad1fa91465764a9 Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Fri, 24 Sep 2021 11:47:12 +1000
Subject: [PATCH] fix small switch spacing

---
 src/components/Table/Settings/Webhooks.tsx       |  4 ++++
 .../TableHeader/Extensions/ExtensionModal.tsx    |  2 +-
 src/components/fields/Action/Settings.tsx        | 16 ++++++++++++++--
 .../fields/ConnectService/Settings.tsx           |  4 ++++
 src/components/fields/Json/Settings.tsx          |  6 +++++-
 src/components/fields/Slider/Settings.tsx        |  4 ++++
 src/pages/Test.tsx                               | 13 ++++++++++++-
 7 files changed, 44 insertions(+), 5 deletions(-)

diff --git a/src/components/Table/Settings/Webhooks.tsx b/src/components/Table/Settings/Webhooks.tsx
index a7bc76bb..f6311ecf 100644
--- a/src/components/Table/Settings/Webhooks.tsx
+++ b/src/components/Table/Settings/Webhooks.tsx
@@ -125,6 +125,10 @@ export default function WebhooksDialog({ open, handleClose }) {
               onChange={() => {
                 handleChange("enabled")(!state.enabled);
               }}
+              sx={{
+                alignItems: "center",
+                "& .MuiFormControlLabel-label": { mt: 0 },
+              }}
               // classes={{ root: classes.formControlLabel, label: classes.label }}
             />
             <InputLabel htmlFor="webhook-type">Webhook Type</InputLabel>
diff --git a/src/components/Table/TableHeader/Extensions/ExtensionModal.tsx b/src/components/Table/TableHeader/Extensions/ExtensionModal.tsx
index 6dfb2a92..9ff548b4 100644
--- a/src/components/Table/TableHeader/Extensions/ExtensionModal.tsx
+++ b/src/components/Table/TableHeader/Extensions/ExtensionModal.tsx
@@ -394,7 +394,7 @@ export default function ExtensionModal({
                         direction="row"
                         justifyContent="flex-start"
                         alignItems="center"
-                        sx={{ height: 42, ml: -0.75 }}
+                        sx={{ height: 42, ml: -0.875 }}
                       >
                         <Button
                           variant="text"
diff --git a/src/components/fields/Action/Settings.tsx b/src/components/fields/Action/Settings.tsx
index 895c3ce6..07247936 100644
--- a/src/components/fields/Action/Settings.tsx
+++ b/src/components/fields/Action/Settings.tsx
@@ -73,6 +73,10 @@ const Settings = ({ config, handleChange }) => {
           />
         }
         label="Set as an action script"
+        sx={{
+          alignItems: "center",
+          "& .MuiFormControlLabel-label": { mt: 0 },
+        }}
       />
       {!Boolean(config.isActionScript) ? (
         <TextField
@@ -132,7 +136,11 @@ const Settings = ({ config, handleChange }) => {
                 name="redo toggle"
               />
             }
-            label="enable redo(reruns the same script)"
+            label="User can redo (re-runs the same script)"
+            sx={{
+              alignItems: "center",
+              "& .MuiFormControlLabel-label": { mt: 0 },
+            }}
           />
           <FormControlLabel
             control={
@@ -144,7 +152,11 @@ const Settings = ({ config, handleChange }) => {
                 name="undo toggle"
               />
             }
-            label="enable undo"
+            label="User can undo"
+            sx={{
+              alignItems: "center",
+              "& .MuiFormControlLabel-label": { mt: 0 },
+            }}
           />
           {config["undo.enabled"] && (
             <>
diff --git a/src/components/fields/ConnectService/Settings.tsx b/src/components/fields/ConnectService/Settings.tsx
index 95276d0c..f71a4fa1 100644
--- a/src/components/fields/ConnectService/Settings.tsx
+++ b/src/components/fields/ConnectService/Settings.tsx
@@ -59,6 +59,10 @@ export default function Settings({ config, handleChange }) {
           />
         }
         label="Enable multiple item selection"
+        sx={{
+          alignItems: "center",
+          "& .MuiFormControlLabel-label": { mt: 0 },
+        }}
       />
     </>
   );
diff --git a/src/components/fields/Json/Settings.tsx b/src/components/fields/Json/Settings.tsx
index cecf0164..4955ff44 100644
--- a/src/components/fields/Json/Settings.tsx
+++ b/src/components/fields/Json/Settings.tsx
@@ -11,7 +11,11 @@ const Settings = ({ config, handleChange }) => {
             name="isArray"
           />
         }
-        label="Set as an array"
+        label="Set as array"
+        sx={{
+          alignItems: "center",
+          "& .MuiFormControlLabel-label": { mt: 0 },
+        }}
       />
     </>
   );
diff --git a/src/components/fields/Slider/Settings.tsx b/src/components/fields/Slider/Settings.tsx
index 81d0fbc6..633d68d2 100644
--- a/src/components/fields/Slider/Settings.tsx
+++ b/src/components/fields/Slider/Settings.tsx
@@ -48,6 +48,10 @@ export default function Settings({ handleChange, config }) {
           />
         }
         label="Show slider steps"
+        sx={{
+          alignItems: "center",
+          "& .MuiFormControlLabel-label": { mt: 0 },
+        }}
       />
     </>
   );
diff --git a/src/pages/Test.tsx b/src/pages/Test.tsx
index 5602ec5f..68adf056 100644
--- a/src/pages/Test.tsx
+++ b/src/pages/Test.tsx
@@ -767,7 +767,14 @@ export default function TestView() {
           </Stack>
 
           <div>
-            <FormControlLabel control={<Switch />} label="Label" />
+            <FormControlLabel
+              control={<Switch />}
+              label="Label"
+              sx={{
+                alignItems: "center",
+                "& .MuiFormControlLabel-label": { mt: 0 },
+              }}
+            />
             <FormControlLabel
               control={<Switch size="medium" />}
               label="Label"
@@ -776,6 +783,10 @@ export default function TestView() {
               labelPlacement="start"
               control={<Switch />}
               label="Label"
+              sx={{
+                alignItems: "center",
+                "& .MuiFormControlLabel-label": { mt: 0 },
+              }}
             />
             <FormControlLabel
               labelPlacement="start"