From a05b863906faacd142ae20db1b15a067816e774a Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Mon, 9 Mar 2026 00:57:03 +0000
Subject: [PATCH] Improved spacing.

---
 assets/stylesheets/App.css                        | 6 +++++-
 src/components/Dashboard/common/MarkdownInput.jsx | 5 ++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index 3ccac17..3c45ee2 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -539,7 +539,11 @@ body {
 }
 
 .markdown-code-editor {
-  padding: 20px;
+  padding: 18px;
+}
+
+.markdown-splitter > .ant-splitter-bar {
+  margin: 8px 0;
 }
 
 .markdown-code-editor .cm-editor {
diff --git a/src/components/Dashboard/common/MarkdownInput.jsx b/src/components/Dashboard/common/MarkdownInput.jsx
index 27ad49e..9641269 100644
--- a/src/components/Dashboard/common/MarkdownInput.jsx
+++ b/src/components/Dashboard/common/MarkdownInput.jsx
@@ -114,7 +114,10 @@ const MarkdownInput = ({
   const renderContent = () => {
     if (viewState.editor && viewState.code) {
       return (
-        <Splitter className='farmcontrol-splitter' vertical={true}>
+        <Splitter
+          className='farmcontrol-splitter markdown-splitter'
+          vertical={true}
+        >
           {viewState.editor && (
             <Splitter.Panel style={{ minHeight: 80 }}>
               {editorPanel}