Merge branch 'master' of https://github.com/brown-dash/Dash-Web into joanne-tutorialagent

1 files changed, 19 insertions, 20 deletions

diff --git a/src/client/views/collections/CollectionStackingView.scss b/src/client/views/collections/CollectionStackingView.scss
index 05ac52ff9..2cf361847 100644
--- a/src/client/views/collections/CollectionStackingView.scss
+++ b/src/client/views/collections/CollectionStackingView.scss
@@ -2,10 +2,12 @@
 
 .collectionMasonryView {
     display: inline;
+    flex-wrap: wrap;
 }
 
 .collectionStackingView {
     display: flex;
+    justify-content: space-between;
 }
 
 .collectionStackingMasonry-cont {
@@ -14,10 +16,10 @@
     width: 100%;
 
     .collectionStackingView-columnDragger {
-        width: 28;
-        height: 28;
-        position: absolute;
-        margin-left: -5;
+        width: 28px;
+        height: 28px;
+        position: relative;
+        margin-left: -5px;
         z-index: 10;
         > svg {
             width: 100%;
@@ -53,10 +55,9 @@
         height: 100%;
         width: 100%;
         position: absolute;
-        top: 0;
+        top: 0px;
         overflow-y: auto;
         overflow-x: hidden;
-        flex-wrap: wrap;
         transition: top 0.5s;
 
         > div {
@@ -92,8 +93,8 @@
         .collectionStackingView-masonryGrid {
             width: 100%;
             display: grid;
-            top: 0;
-            left: 0;
+            top: 0px;
+            left: 0px;
         }
 
         .collectionStackingView-masonrySingle {
@@ -114,8 +115,8 @@
             position: absolute;
             display: flex;
             flex-direction: column;
-            top: 0;
-            left: 0;
+            top: 0px;
+            left: 0px;
             width: 100%;
             position: absolute;
         }
@@ -158,12 +159,12 @@
         width: 100%;
         display: none;
         position: absolute;
-        top: 0;
+        top: 0px;
         cursor: default;
 
         &.active {
-            margin-left: 0;
-            margin-right: 0;
+            margin-left: 0px;
+            margin-right: 0px;
             background: red;
         }
     }
@@ -210,7 +211,6 @@
     .collectionStackingView-sectionHeader {
         text-align: center;
         margin: auto;
-        margin-bottom: 10px;
         background: global.$medium-gray;
         // overflow: hidden; overflow is visible so the color menu isn't hidden -ftong
 
@@ -262,8 +262,8 @@
 
         .collectionStackingView-sectionColor {
             position: absolute;
-            left: 0;
-            top: 0;
+            left: 0px;
+            top: 0px;
             height: 100%;
             display: none;
 
@@ -304,8 +304,8 @@
 
         .collectionStackingView-sectionOptions {
             position: absolute;
-            right: 0;
-            top: 0;
+            right: 0px;
+            top: 0px;
             height: 100%;
             display: none;
 
@@ -339,7 +339,7 @@
         .collectionStackingView-sectionDelete {
             position: absolute;
             right: 0px;
-            top: 0;
+            top: 0px;
             height: 100%;
             display: none;
         }
@@ -367,7 +367,6 @@
     .collectionStackingView-addGroupButton {
         display: flex;
         overflow: hidden;
-        margin: auto;
         width: 90%;
         overflow: ellipses;