fix: keep raw editor full width

src/components/editor-content/EditorContentLayout.test.tsx

@@ -108,4 +108,18 @@ describe('EditorContentLayout', () => {
     expect(container.firstElementChild).toHaveClass('editor-content-layout--left')
     expect(screen.getByTestId('breadcrumb-bar')).toHaveAttribute('data-note-layout', 'left')
   })
+
+  it('keeps raw mode out of the centered rich-editor content wrapper', () => {
+    render(<EditorContentLayout {...createModel({
+      effectiveRawMode: true,
+      showEditor: false,
+      noteLayout: 'centered',
+    })} />)
+
+    const rawEditor = screen.getByTestId('raw-editor-view')
+    const findScope = rawEditor.closest('[data-editor-find-scope="true"]')
+
+    expect(findScope).toHaveClass('editor-scroll-area')
+    expect(rawEditor.closest('.editor-content-wrapper')).toBeNull()
+  })
 })

src/components/editor-content/EditorContentLayout.tsx

@@ -90,20 +90,18 @@ function RawModeEditorSection({
 
   return (
     <EditorFindScope className="editor-scroll-area">
-      <div className="editor-content-wrapper editor-content-wrapper--raw">
-        <RawEditorView
-          key={activeTab.entry.path}
-          content={rawModeContent ?? activeTab.content}
-          path={activeTab.entry.path}
-          entries={entries}
-          findRequest={findRequest}
-          onContentChange={onRawContentChange ?? (() => {})}
-          onSave={onSave ?? (() => {})}
-          latestContentRef={rawLatestContentRef}
-          vaultPath={vaultPath}
-          locale={locale}
-        />
-      </div>
+      <RawEditorView
+        key={activeTab.entry.path}
+        content={rawModeContent ?? activeTab.content}
+        path={activeTab.entry.path}
+        entries={entries}
+        findRequest={findRequest}
+        onContentChange={onRawContentChange ?? (() => {})}
+        onSave={onSave ?? (() => {})}
+        latestContentRef={rawLatestContentRef}
+        vaultPath={vaultPath}
+        locale={locale}
+      />
     </EditorFindScope>
   )
 }