Don't pad every side of editor content (#66)

EddieAbbondanzio · Dec 2, 2023 · 87cda41 · 87cda41
1 parent 126041e
commit 87cda41
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/marqus-desktop/src/renderer/components/Editor.tsx b/packages/marqus-desktop/src/renderer/components/Editor.tsx
@@ -3,14 +3,14 @@ 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";
 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
@@ -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});
 `;