From 1c4ab4bda4269da337a0bbba9219383bb9c91c56 Mon Sep 17 00:00:00 2001
From: ljungster <parkerljung@gmail.com>
Date: Wed, 27 Apr 2022 14:47:38 -0400
Subject: made dividers better

---
 .../views/collections/CollectionNoteTakingView.tsx    | 19 +++++++++++--------
 .../CollectionNoteTakingViewFieldColumn.tsx           |  6 +++---
 2 files changed, 14 insertions(+), 11 deletions(-)

(limited to 'src')

diff --git a/src/client/views/collections/CollectionNoteTakingView.tsx b/src/client/views/collections/CollectionNoteTakingView.tsx
index 5435650b4..785732659 100644
--- a/src/client/views/collections/CollectionNoteTakingView.tsx
+++ b/src/client/views/collections/CollectionNoteTakingView.tsx
@@ -352,7 +352,7 @@ export class CollectionNoteTakingView extends CollectionSubView<Partial<collecti
     resizeColumns = (n: number) => {
       //TODO: that isn't the proper width of columns
       const totalWidth = this.PanelWidth
-      const dividerWidth = 70
+      const dividerWidth = 32
       const totaldividerWidth = (n - 1) * dividerWidth
       const colWidth = (totalWidth - totaldividerWidth)  / n
       const newColXCoords: number[] = []
@@ -362,7 +362,7 @@ export class CollectionNoteTakingView extends CollectionSubView<Partial<collecti
           colStart += colWidth + dividerWidth
       }
       this.columnStartXCoords = newColXCoords
-      console.log(newColXCoords)
+      // console.log(newColXCoords)
     }
 
     // TODO: This is where you want to create a copy of the document to take its place
@@ -659,15 +659,18 @@ export class CollectionNoteTakingView extends CollectionSubView<Partial<collecti
             //TODO make this look pretty
             if (i < sections.length - 1) {
               eles.push(
-                <div className="columnDivider" onPointerOver={e => this.onDividerPointerOver(e, i)} key={i}
+                <div style={{display: "flex", alignItems: "center", cursor: "col-resize"}}>
+                  <div className="columnDivider" onPointerOver={e => this.onDividerPointerOver(e, i)} key={i}
                     style={{
-                      height: "100%",
-                      width: 50,
-                      padding: `0 10 10 0`,
-                      margin: "auto",
-                      backgroundColor: "black"
+                      height: "95%",
+                      width: 12,
+                      borderRight: "4px solid #282828",
+                      borderLeft: "4px solid #282828",
+                      margin: "0px 10px"
                     }}
                 />
+                </div>
+                
               )
             }
         }
diff --git a/src/client/views/collections/CollectionNoteTakingViewFieldColumn.tsx b/src/client/views/collections/CollectionNoteTakingViewFieldColumn.tsx
index 55cfa3348..1167a0ea8 100644
--- a/src/client/views/collections/CollectionNoteTakingViewFieldColumn.tsx
+++ b/src/client/views/collections/CollectionNoteTakingViewFieldColumn.tsx
@@ -70,7 +70,7 @@ export class CollectionNoteTakingViewFieldColumn extends React.Component<CSVFiel
       }
       const endColValue = i == this.props.numGroupColumns - 1 ? this.props.PanelWidth : this.props.columnStartXCoords[i+1]
       // TODO make the math work here. 35 is half of 70, which is the current width of the divider
-      return endColValue - this.props.columnStartXCoords[i] - 35
+      return endColValue - this.props.columnStartXCoords[i] - 30
     }
 
     private dropDisposer?: DragManager.DragDropDisposer;
@@ -246,7 +246,7 @@ export class CollectionNoteTakingViewFieldColumn extends React.Component<CSVFiel
                     marginTop: 2 * this.props.yMargin,
                     // width: (this.props.columnWidth) /
                     //     ((uniqueHeadings.length) || 1)
-                    width: this.columnWidth
+                    width: this.columnWidth - 20
                 }}>
                 <div className="collectionNoteTakingView-sectionHeader-subCont" onPointerDown={this.headerDown}
                     title={evContents === `No Value` ?
@@ -283,7 +283,7 @@ export class CollectionNoteTakingViewFieldColumn extends React.Component<CSVFiel
               {!this.props.chromeHidden && type !== DocumentType.PRES ?
                   <div className="collectionNoteTakingView-DocumentButtons"
                       // style={{ width: this.props.columnWidth / this.props.numGroupColumns, marginBottom: 10 }}>
-                      style={{ width: this.columnWidth, marginBottom: 10 }}>
+                      style={{ width: this.columnWidth - 20, marginBottom: 10 }}>
                       <div key={`${heading}-add-document`} className="collectionNoteTakingView-addDocumentButton">
                           <EditableView
                               GetValue={returnEmptyString}
-- 
cgit v1.2.3-70-g09d2