From cf670fc9adc82277974479292731e33c876f82ad Mon Sep 17 00:00:00 2001
From: Jonathan Belcher <belcherj@gmail.com>
Date: Tue, 1 Sep 2020 15:56:24 -0400
Subject: [PATCH] Remove uneccesary divs (#2314)

---
 lib/note-detail/index.tsx | 19 +++++--------------
 scss/theme.scss           |  9 ++++++---
 2 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/lib/note-detail/index.tsx b/lib/note-detail/index.tsx
index 10e6a96a7..e716b8a62 100644
--- a/lib/note-detail/index.tsx
+++ b/lib/note-detail/index.tsx
@@ -23,8 +23,6 @@ type Props = OwnProps & StateProps;
 export class NoteDetail extends Component<Props> {
   static displayName = 'NoteDetail';
 
-  noteDetail = createRef<HTMLDivElement>();
-
   componentDidMount() {
     this.props.storeFocusEditor(this.focusEditor);
     this.props.storeHasFocus(this.hasFocus);
@@ -47,18 +45,11 @@ export class NoteDetail extends Component<Props> {
             <SimplenoteCompactLogo />
           </div>
         ) : (
-          <div ref={this.noteDetail} className="note-detail">
-            <div
-              className="note-detail-textarea theme-color-bg theme-color-fg"
-              style={{ fontSize: `${fontSize}px`, overflowY: 'hidden' }}
-            >
-              <NoteContentEditor
-                key={openedNote}
-                storeFocusEditor={this.storeFocusContentEditor}
-                storeHasFocus={this.storeEditorHasFocus}
-              />
-            </div>
-          </div>
+          <NoteContentEditor
+            key={openedNote}
+            storeFocusEditor={this.storeFocusContentEditor}
+            storeHasFocus={this.storeEditorHasFocus}
+          />
         )}
       </div>
     );
diff --git a/scss/theme.scss b/scss/theme.scss
index 697d4ce01..27542249f 100644
--- a/scss/theme.scss
+++ b/scss/theme.scss
@@ -27,18 +27,21 @@
   unicode-range: U+E000-E001;
 }
 
-.note-detail {
+.note-detail,
+.note-content-editor-shell {
   padding: 0 calc((100% - 768px) / 2);
 }
 
 @media only screen and (max-width: 1400px) {
-  .note-detail {
+  .note-detail,
+  .note-content-editor-shell {
     padding: 0 10%;
   }
 }
 
 .is-line-length-full {
-  .note-detail {
+  .note-detail,
+  .note-content-editor-shell {
     padding: 0 25px;
   }
 }