get childen of element instead of making selection by className

app/components/SimpleEditor/miniEditor/miniEditor.js

@@ -18,7 +18,7 @@ class MiniEditor extends ProseEditor {
 
     // TEMP
     // const commentsPane = $$('ul').addClass('sc-comment-pane-list').addClass('sc-comments-pane').append('notes Editor Comments')
-    console.log($$(Comments))
+
     var commentsPane = $$(Comments, {
       // TODO -- should probably remove the || {}
       // comments: this.props.fragment.comments || {},

app/components/SimpleEditor/panes/Notes/Notes.js

@@ -24,8 +24,8 @@ class Notes extends Component {
 
   resize (e) {
     const height = (this.el.el.offsetHeight + this.el.el.offsetTop - e.clientY)
-    const scrollPane = document.getElementsByClassName('se-scrollable')
-    scrollPane[1].style.minHeight = height - 40 + 'px'
+    const scrollPane = document.getElementById('mini-editor-content-panel').children
+    scrollPane[0].style.minHeight = height - 40 + 'px'
     this.el.el.style.height = height + 'px'
   }
 

app/components/SimpleEditor/panes/Notes/notes.scss

@@ -12,6 +12,7 @@ $white: #fff;
   z-index: 0;
 
   .resize-area {
+      padding-top: 40px;
     background-color: red;
     cursor: row-resize;
     height: 5px;