From 12cd31964c44cbc093dd17f9722808e21c1f5b6a Mon Sep 17 00:00:00 2001
From: Ian Jones <hello@ianjo.uk>
Date: Wed, 3 Apr 2024 12:54:52 +0100
Subject: [PATCH] fix: Spacing for editor settings headers

---
 .../FlowEditor/components/Settings/DataManagerSettings.tsx    | 2 +-
 .../FlowEditor/components/Settings/DesignSettings/index.tsx   | 2 +-
 .../src/pages/FlowEditor/components/Settings/ServiceFlags.tsx | 2 +-
 .../pages/FlowEditor/components/Settings/ServiceSettings.tsx  | 2 +-
 .../FlowEditor/components/Settings/Submissions/index.tsx      | 2 +-
 .../src/pages/FlowEditor/components/Settings/TeamSettings.tsx | 4 ++--
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DataManagerSettings.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DataManagerSettings.tsx
index 7c167d8e21..0654dfd70f 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DataManagerSettings.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DataManagerSettings.tsx
@@ -8,7 +8,7 @@ const DataManagerSettings: React.FC = () => {
   return (
     <Box maxWidth="formWrap" mx="auto">
       <EditorRow>
-        <Typography variant="h2" component="h3">
+        <Typography variant="h2" component="h3" gutterBottom>
           Data Manager
         </Typography>
         <Typography variant="body1">
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/index.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/index.tsx
index 0e097474a4..4432b3d39c 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/index.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/index.tsx
@@ -135,7 +135,7 @@ const DesignSettings: React.FC = () => {
   return (
     <Box maxWidth="formWrap" mx="auto">
       <EditorRow>
-        <Typography variant="h2" component="h3">
+        <Typography variant="h2" component="h3" gutterBottom>
           Design
         </Typography>
         <Typography variant="body1">
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceFlags.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceFlags.tsx
index ff1283804f..a2a8a59fd9 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceFlags.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceFlags.tsx
@@ -8,7 +8,7 @@ const ServiceFlags: React.FC = () => {
   return (
     <Box maxWidth="formWrap" mx="auto">
       <EditorRow>
-        <Typography variant="h2" component="h3">
+        <Typography variant="h2" component="h3" gutterBottom>
           Service flags
         </Typography>
         <Typography variant="body1">
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings.tsx
index aa914df9be..641b0566d0 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings.tsx
@@ -118,7 +118,7 @@ const ServiceSettings: React.FC = () => {
     <Box maxWidth="formWrap" mx="auto">
       <form onSubmit={formik.handleSubmit}>
         <EditorRow>
-          <Typography variant="h2" component="h3">
+          <Typography variant="h2" component="h3" gutterBottom>
             Elements
           </Typography>
           <Typography variant="body1">
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/Submissions/index.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/Submissions/index.tsx
index 72d8bcd1b1..18a274af85 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/Submissions/index.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/Submissions/index.tsx
@@ -20,7 +20,7 @@ const Submissions: React.FC = () => {
   return (
     <Box>
       <EditorRow>
-        <Typography variant="h2" component="h3">
+        <Typography variant="h2" component="h3" gutterBottom>
           Submissions
         </Typography>
         <Typography variant="body1">
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/TeamSettings.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/TeamSettings.tsx
index 2aade8b3e7..33d51b9777 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/TeamSettings.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/TeamSettings.tsx
@@ -8,7 +8,7 @@ const Team: React.FC = () => {
   return (
     <Box maxWidth="formWrap" mx="auto">
       <EditorRow>
-        <Typography variant="h2" component="h3">
+        <Typography variant="h2" component="h3" gutterBottom>
           Team
         </Typography>
         <Typography variant="body1">
@@ -20,7 +20,7 @@ const Team: React.FC = () => {
       </EditorRow>
       <hr />
       <EditorRow>
-        <Typography variant="h2" component="h3">
+        <Typography variant="h2" component="h3" gutterBottom>
           Sharing
         </Typography>
         <Typography variant="body1">