1 files changed, 17 insertions, 15 deletions

diff --git a/src/client/views/collections/CollectionStackingView.scss b/src/client/views/collections/CollectionStackingView.scss
index 73572299a..7385f933b 100644
--- a/src/client/views/collections/CollectionStackingView.scss
+++ b/src/client/views/collections/CollectionStackingView.scss
@@ -1,4 +1,4 @@
-@import "../global/globalCssVariables";
+@import '../global/globalCssVariables';
 
 .collectionMasonryView {
     display: inline;
@@ -33,7 +33,7 @@
         color: $medium-blue;
         padding: 10px;
         border-radius: 5px;
-        border: solid .5px $medium-blue;
+        border: solid 0.5px $medium-blue;
     }
 }
 
@@ -46,9 +46,9 @@
     overflow-y: auto;
     overflow-x: hidden;
     flex-wrap: wrap;
-    transition: top .5s;
+    transition: top 0.5s;
 
-    >div {
+    > div {
         position: relative;
         display: block;
     }
@@ -130,9 +130,11 @@
         margin-left: -5;
     }
 
+    // Documents in stacking view
     .collectionStackingView-columnDoc {
-        display: inline-block;
-        margin: auto;
+        display: flex;
+        // margin: auto; // Removed auto so that it is no longer center aligned - this could be something we change
+        position: relative;
     }
 
     .collectionStackingView-masonryDoc {
@@ -173,7 +175,7 @@
 
         span::before,
         span::after {
-            content: "";
+            content: '';
             width: 50%;
             border-top: dashed gray 1px;
             position: relative;
@@ -203,6 +205,7 @@
     .collectionStackingView-sectionHeader {
         text-align: center;
         margin: auto;
+        margin-bottom: 10px;
         background: $medium-gray;
         // overflow: hidden; overflow is visible so the color menu isn't hidden -ftong
 
@@ -213,7 +216,7 @@
         .editableView-input:hover,
         .editableView-container-editing:hover,
         .editableView-container-editing-oneLine:hover {
-            cursor: text
+            cursor: text;
         }
 
         .collectionStackingView-sectionHeader-subCont {
@@ -259,7 +262,7 @@
             height: 100%;
             display: none;
 
-            [class*="css"] {
+            [class*='css'] {
                 max-width: 102px;
             }
 
@@ -301,7 +304,7 @@
             height: 100%;
             display: none;
 
-            [class*="css"] {
+            [class*='css'] {
                 max-width: 102px;
             }
 
@@ -310,7 +313,6 @@
             }
 
             .collectionStackingView-optionPicker {
-
                 .optionOptions {
                     display: inline;
                 }
@@ -370,7 +372,7 @@
         .editableView-input:hover,
         .editableView-container-editing:hover,
         .editableView-container-editing-oneLine:hover {
-            cursor: text
+            cursor: text;
         }
 
         .editableView-input {
@@ -385,6 +387,7 @@
     .collectionStackingView-addDocumentButton {
         font-size: 75%;
         letter-spacing: 2px;
+        cursor: pointer;
 
         .editableView-input {
             outline-color: black;
@@ -422,7 +425,7 @@
         top: 4px;
         border-radius: 50% 50%;
         background-color: #fff;
-        content: " ";
+        content: ' ';
         cursor: pointer;
         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
         -webkit-transform: scale(1);
@@ -452,7 +455,6 @@
 }
 
 @media only screen and (max-device-width: 480px) {
-
     .collectionStackingView .collectionStackingView-columnDragger,
     .collectionMasonryView .collectionStackingView-columnDragger {
         width: 0.1;
@@ -460,4 +462,4 @@
         opacity: 0;
         font-size: 0;
     }
-}
\ No newline at end of file
+}