1 files changed, 16 insertions, 11 deletions
diff --git a/src/client/views/collections/CollectionNoteTakingView.tsx b/src/client/views/collections/CollectionNoteTakingView.tsx
index 785732659..818c5b671 100644
--- a/src/client/views/collections/CollectionNoteTakingView.tsx
+++ b/src/client/views/collections/CollectionNoteTakingView.tsx
@@ -26,6 +26,7 @@ import { CollectionNoteTakingViewFieldColumn } from "./CollectionNoteTakingViewF
 import "./CollectionNoteTakingView.scss";
 import { CollectionSubView } from "./CollectionSubView";
 import { CollectionViewType } from "./CollectionView";
+import CollectionNoteTakingViewDivider from "./CollectionNoteTakingViewDivider";
 const _global = (window /* browser */ || global /* node */) as any;
 
 
@@ -659,18 +660,22 @@ export class CollectionNoteTakingView extends CollectionSubView<Partial<collecti
             //TODO make this look pretty
             if (i < sections.length - 1) {
               eles.push(
-                <div style={{display: "flex", alignItems: "center", cursor: "col-resize"}}>
-                  <div className="columnDivider" onPointerOver={e => this.onDividerPointerOver(e, i)} key={i}
-                    style={{
-                      height: "95%",
-                      width: 12,
-                      borderRight: "4px solid #282828",
-                      borderLeft: "4px solid #282828",
-                      margin: "0px 10px"
-                    }}
+                // <div style={{display: "flex", alignItems: "center", cursor: "col-resize"}}>
+                //   <div className="columnDivider" onPointerOver={e => this.onDividerPointerOver(e, i)} key={i}
+                //     style={{
+                //       height: "95%",
+                //       width: 12,
+                //       borderRight: "4px solid #282828",
+                //       borderLeft: "4px solid #282828",
+                //       margin: "0px 10px"
+                //     }}
+                // />
+                // </div>
+                <CollectionNoteTakingViewDivider
+                  index={i}
+                  columnStartXCoords={this.columnStartXCoords}
+                  xMargin={this.xMargin}
                 />
-                </div>
-                
               )
             }
         }