1 files changed, 31 insertions, 81 deletions

diff --git a/src/client/views/collections/CollectionNoteTakingView.scss b/src/client/views/collections/CollectionNoteTakingView.scss
index b6bb8ce2b..c0297a648 100644
--- a/src/client/views/collections/CollectionNoteTakingView.scss
+++ b/src/client/views/collections/CollectionNoteTakingView.scss
@@ -47,20 +47,10 @@
   }
 }
 
-.collectionMasonryView {
-    display: inline;
-}
-
-.collectionStackingView {
+.collectionNoteTakingView {
     display: flex;
 }
 
-.collectionStackingMasonry-cont {
-    position: relative;
-    height: 100%;
-    width: 100%;
-}
-
 // TODO:glr Turn this into a seperate class
 .documentButtonMenu {
     position: relative;
@@ -85,8 +75,7 @@
     }
 }
 
-.collectionStackingView,
-.collectionMasonryView {
+.collectionNoteTakingView {
     height: 100%;
     width: 100%;
     position: absolute;
@@ -101,11 +90,11 @@
         display: block;
     }
 
-    .collectionStackingViewFieldColumn {
+    .collectionNoteTakingViewFieldColumn {
         height: max-content;
     }
 
-    .collectionStackingViewFieldColumnDragging {
+    .collectionNoteTakingViewFieldColumnDragging {
         height: 100%;
     }
 
@@ -114,41 +103,14 @@
         position: absolute;
     }
 
-    .collectionStackingView-docView-container {
+    .collectionNoteTakingView-docView-container {
         width: 45%;
         margin: 5% 2.5%;
         padding-left: 2.5%;
         height: auto;
     }
 
-    .collectionStackingView-flexCont {
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        align-items: center;
-    }
-
-    .collectionStackingView-masonrySingle,
-    .collectionStackingView-masonryGrid {
-        width: 100%;
-        display: grid;
-        top: 0;
-        left: 0;
-    }
-
-    .collectionStackingView-masonrySingle {
-        height: 100%;
-        position: absolute;
-    }
-
-    .collectionStackingView-masonryGrid {
-        margin: auto;
-        height: max-content;
-        position: relative;
-        grid-auto-rows: 0px;
-    }
-
-    .collectionStackingView-masonrySingle {
+    .collectionNoteTakingView-Nodes {
         width: 100%;
         height: 100%;
         position: absolute;
@@ -160,7 +122,7 @@
         position: absolute;
     }
 
-    .collectionStackingView-description {
+    .collectionNoteTakingView-description {
         font-size: 100%;
         margin-bottom: 1vw;
         padding: 10px;
@@ -171,15 +133,15 @@
         color: $white;
     }
 
-    .collectionStackingView-columnDragger {
+    .collectionNoteTakingView-columnDragger {
         width: 15;
         height: 15;
         position: absolute;
         margin-left: -5;
     }
 
-    // Documents in stacking view
-    .collectionStackingView-columnDoc {
+    // Documents in NoteTaking view
+    .collectionNoteTakingView-columnDoc {
         display: flex;
         // margin: auto; // Removed auto so that it is no longer center aligned - this could be something we change 
         position: relative;
@@ -211,19 +173,7 @@
         }
     }
 
-    .collectionStackingView-masonryDoc {
-        transform-origin: top left;
-        grid-column-end: span 1;
-        height: 100%;
-        margin: auto;
-        display: inline-grid;
-    }
-
-    .collectionStackingView-masonrySection {
-        margin: auto;
-    }
-
-    .collectionStackingView-collapseBar {
+    .collectionNoteTakingView-collapseBar {
         margin-left: 2px;
         margin-right: 2px;
         margin-top: 2px;
@@ -237,7 +187,7 @@
         }
     }
 
-    .collectionStackingView-miniHeader {
+    .collectionNoteTakingView-miniHeader {
         width: 100%;
 
         .editableView-container-editing-oneLine {
@@ -276,7 +226,7 @@
         }
     }
 
-    .collectionStackingView-sectionHeader {
+    .collectionNoteTakingView-sectionHeader {
         text-align: center;
         margin: auto;
         margin-bottom: 10px;
@@ -293,7 +243,7 @@
             cursor: text
         }
 
-        .collectionStackingView-sectionHeader-subCont {
+        .collectionNoteTakingView-sectionHeader-subCont {
             outline: none;
             border: 0px;
             width: 100%;
@@ -329,7 +279,7 @@
             }
         }
 
-        .collectionStackingView-sectionColor {
+        .collectionNoteTakingView-sectionColor {
             position: absolute;
             left: 0;
             top: 0;
@@ -340,12 +290,12 @@
                 max-width: 102px;
             }
 
-            .collectionStackingView-sectionColorButton {
+            .collectionNoteTakingView-sectionColorButton {
                 height: 30px;
                 display: inherit;
             }
 
-            .collectionStackingView-colorPicker {
+            .collectionNoteTakingView-colorPicker {
                 width: 78px;
                 z-index: 10;
                 position: relative;
@@ -371,7 +321,7 @@
             }
         }
 
-        .collectionStackingView-sectionOptions {
+        .collectionNoteTakingView-sectionOptions {
             position: absolute;
             right: 0;
             top: 0;
@@ -382,11 +332,11 @@
                 max-width: 102px;
             }
 
-            .collectionStackingView-sectionOptionButton {
+            .collectionNoteTakingView-sectionOptionButton {
                 height: 30px;
             }
 
-            .collectionStackingView-optionPicker {
+            .collectionNoteTakingView-optionPicker {
 
                 .optionOptions {
                     display: inline;
@@ -406,7 +356,7 @@
             }
         }
 
-        .collectionStackingView-sectionDelete {
+        .collectionNoteTakingView-sectionDelete {
             position: absolute;
             right: 25px;
             top: 0;
@@ -415,22 +365,22 @@
         }
     }
 
-    .collectionStackingView-sectionHeader:hover {
-        .collectionStackingView-sectionColor {
+    .collectionNoteTakingView-sectionHeader:hover {
+        .collectionNoteTakingView-sectionColor {
             display: unset;
         }
 
-        .collectionStackingView-sectionOptions {
+        .collectionNoteTakingView-sectionOptions {
             display: unset;
         }
 
-        .collectionStackingView-sectionDelete {
+        .collectionNoteTakingView-sectionDelete {
             display: unset;
         }
     }
 
-    .collectionStackingView-addDocumentButton,
-    .collectionStackingView-addGroupButton {
+    .collectionNoteTakingView-addDocumentButton,
+    .collectionNoteTakingView-addGroupButton {
         display: flex;
         overflow: hidden;
         margin: auto;
@@ -459,7 +409,7 @@
         }
     }
 
-    .collectionStackingView-addDocumentButton {
+    .collectionNoteTakingView-addDocumentButton {
         font-size: 75%;
         letter-spacing: 2px;
         cursor: pointer;
@@ -473,7 +423,7 @@
         }
     }
 
-    .collectionStackingView-addGroupButton {
+    .collectionNoteTakingView-addGroupButton {
         background: rgb(238, 238, 238);
         font-size: 75%;
         text-align: center;
@@ -531,8 +481,8 @@
 
 @media only screen and (max-device-width: 480px) {
 
-    .collectionStackingView .collectionStackingView-columnDragger,
-    .collectionMasonryView .collectionStackingView-columnDragger {
+    .collectionNoteTakingView .collectionNoteTakingView-columnDragger,
+    .collectionNoteTakingView-columnDragger {
         width: 0.1;
         height: 0.1;
         opacity: 0;