commentspane

app/components/SimpleEditor/Editor.js

@@ -113,17 +113,17 @@ class Editor extends ProseEditor {
     .attr('id', 'content-panel')
     .ref('contentPanel')
 
-    // const contentPanelWithSplitPane = $$(SplitPane, { sizeA: '75%', splitType: 'vertical' })
-    //   .append(
-    //     contentPanel,
-    //     toc
-    //   )
+    const contentPanelWithSplitPane = $$(SplitPane, { sizeA: '95%', splitType: 'vertical' })
+      .append(
+        contentPanel,
+        $$('div')
+      )
 
     el.append(
       $$(SplitPane, { splitType: 'horizontal' })
         .append(
           toolbar,
-          contentPanel
+          contentPanelWithSplitPane
         )
     )
 

app/components/SimpleEditor/panes/Comments/commentsPane.scss

@@ -9,8 +9,8 @@ $white: #fff;
 
 .sc-prose-editor .se-content .sc-comment-pane-list {
   margin-top: 0;
-  padding-left: 1%;
-  width: 37.5%;
+  padding-left: 27%;
+  width: 100%;
 
   li {
     background-color: $white;
@@ -20,9 +20,9 @@ $white: #fff;
     cursor: pointer;
     height: auto;
     list-style-type: none;
-    max-width: 3660%;
+    max-width: 110%;
     min-height: 20px;
-    min-width: 3660%;
+    min-width: 110%;
     position: absolute;
     word-wrap: break-word;
     z-index: 0;