From 87cda415845a11e348c017a30c85d30ac5e636c0 Mon Sep 17 00:00:00 2001
From: Eddie Abbondanzio <me@eddieabbondanz.io>
Date: Sat, 2 Dec 2023 17:51:37 -0500
Subject: [PATCH] Don't pad every side of editor content (#66)

---
 packages/marqus-desktop/src/renderer/components/Editor.tsx | 4 ++--
 packages/marqus-desktop/src/renderer/components/Monaco.tsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/marqus-desktop/src/renderer/components/Editor.tsx b/packages/marqus-desktop/src/renderer/components/Editor.tsx
index 35a1250b..0ee763e3 100644
--- a/packages/marqus-desktop/src/renderer/components/Editor.tsx
+++ b/packages/marqus-desktop/src/renderer/components/Editor.tsx
@@ -3,7 +3,6 @@ import React, { useEffect } from "react";
 import styled from "styled-components";
 import { Section } from "../../shared/ui/app";
 import { Ipc } from "../../shared/ipc";
-import { m3 } from "../css";
 import { Listener, Store } from "../store";
 import { Markdown } from "./Markdown";
 import { Monaco } from "./Monaco";
@@ -11,6 +10,7 @@ import { Focusable } from "./shared/Focusable";
 import { EditorToolbar, TOOLBAR_HEIGHT } from "./EditorToolbar";
 import { getNoteById } from "../../shared/domain/note";
 import { Config } from "../../shared/domain/config";
+import { ml3 } from "../css";
 
 const NOTE_SAVE_INTERVAL_MS = 1000;
 
@@ -79,8 +79,8 @@ const StyledContent = styled.div`
   display: flex;
   flex-direction: column;
   height: calc(100% - ${TOOLBAR_HEIGHT});
-  ${m3}
   overflow: hidden;
+  ${ml3}
 `;
 
 const debouncedInvoker = debounce(
diff --git a/packages/marqus-desktop/src/renderer/components/Monaco.tsx b/packages/marqus-desktop/src/renderer/components/Monaco.tsx
index 38fbdde4..7bff89d8 100644
--- a/packages/marqus-desktop/src/renderer/components/Monaco.tsx
+++ b/packages/marqus-desktop/src/renderer/components/Monaco.tsx
@@ -383,14 +383,14 @@ export function Monaco(props: MonacoProps): JSX.Element {
   };
 
   return (
-    <StyledEditor
+    <StyledMonaco
       data-testid="monaco-container"
       ref={containerElement}
-    ></StyledEditor>
+    ></StyledMonaco>
   );
 }
 
-const StyledEditor = styled.div`
+const StyledMonaco = styled.div`
   flex-grow: 1;
   height: calc(100% - ${TOOLBAR_HEIGHT});
 `;