From dff4b18106261af77d81211e5482a38b19b2a166 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Fri, 26 Aug 2022 09:19:15 -0400
Subject: more notetaking cleanup

---
 src/client/views/collections/CollectionNoteTakingView.scss   | 12 +++++++++++-
 .../views/collections/CollectionNoteTakingViewColumn.tsx     |  7 +------
 2 files changed, 12 insertions(+), 7 deletions(-)

(limited to 'src')

diff --git a/src/client/views/collections/CollectionNoteTakingView.scss b/src/client/views/collections/CollectionNoteTakingView.scss
index 5582fd391..08b13fd50 100644
--- a/src/client/views/collections/CollectionNoteTakingView.scss
+++ b/src/client/views/collections/CollectionNoteTakingView.scss
@@ -54,7 +54,7 @@
 .collectionNoteTakingViewFieldColumn {
     height: 100%;
     display: flex;
-    flex-direction: colum;
+    overflow: hidden;
 }
 .collectionNoteTakingViewFieldColumn:hover {
     .collectionNoteTakingView-DocumentButtons {
@@ -112,6 +112,11 @@
         height: auto;
     }
 
+    .collectionNoteTakingView-columnStack {
+        height: 100%;
+        width: 100%;
+        display: inline-block;
+    }
     .collectionNoteTakingView-Nodes {
         width: 100%;
         height: 100%;
@@ -123,6 +128,11 @@
         left: 0;
         width: 100%;
         position: absolute;
+        margin: auto;
+        width: max-content;
+        height: max-content;
+        position: relative;
+        grid-auto-rows: 0px;
     }
 
     .collectionNoteTakingView-description {
diff --git a/src/client/views/collections/CollectionNoteTakingViewColumn.tsx b/src/client/views/collections/CollectionNoteTakingViewColumn.tsx
index d951454ff..84d1c0205 100644
--- a/src/client/views/collections/CollectionNoteTakingViewColumn.tsx
+++ b/src/client/views/collections/CollectionNoteTakingViewColumn.tsx
@@ -262,19 +262,14 @@ export class CollectionNoteTakingViewColumn extends React.Component<CSVFieldColu
         return (
             <>
                 {headingView}
-                <div style={{ height: '100%' }}>
+                <div className="collectionNoteTakingView-columnStack">
                     <div
                         key={`${heading}-stack`}
                         className={`collectionNoteTakingView-Nodes`}
                         style={{
                             padding: `${columnYMargin}px ${0}px ${this.props.yMargin}px ${0}px`,
-                            margin: 'auto',
-                            width: 'max-content',
-                            height: 'max-content',
-                            position: 'relative',
                             gridGap: this.props.gridGap,
                             gridTemplateColumns: templatecols,
-                            gridAutoRows: '0px',
                         }}>
                         {this.props.renderChildren(this.props.docList)}
                     </div>
-- 
cgit v1.2.3-70-g09d2