Fixed editor layout

src/components/Editor/components/Editor.tsx

@@ -13,7 +13,7 @@ export const Editor = () => {
   const style = () => (store.error ? `display: none;` : store.markdown ? `white-space: pre-wrap;` : '')
   return (
     <ProseMirror
-      className='editor'
+      className='editor col-md-6 shift-content'
       style={style()}
       editorView={store.editorView}
       text={store.text}

src/components/Editor/components/Layout.tsx

@@ -10,7 +10,7 @@ export type Styled = {
 }
 
 export const Layout = (props: Styled) => {
-  return (<div onMouseEnter={props.onMouseEnter} class='layout' data-testid={props['data-testid']}>
+  return (<div onMouseEnter={props.onMouseEnter} class='layout container' data-testid={props['data-testid']}>
     {props.children}
   </div>)
 }

src/components/Editor/styles/Editor.scss

@@ -69,7 +69,7 @@ button:focus {
   -webkit-font-variant-ligatures: none;
   font-variant-ligatures: none;
   outline: none;
-  margin: 1em 1em 1em 2em;
+  margin: 1em 1em 1em 0;
 
   .dark & {
     color: var(--background);