fixed gridView to have margins. fixed gridView rowslider.

1 files changed, 5 insertions, 8 deletions

diff --git a/src/client/views/collections/collectionGrid/CollectionGridView.scss b/src/client/views/collections/collectionGrid/CollectionGridView.scss
index 845b07c51..4edaf9745 100644
--- a/src/client/views/collections/collectionGrid/CollectionGridView.scss
+++ b/src/client/views/collections/collectionGrid/CollectionGridView.scss
@@ -21,11 +21,11 @@
             width: 100%;
         }
 
-        .react-grid-item>.react-resizable-handle {
+        .react-grid-item > .react-resizable-handle {
             z-index: 4; // doesn't work on prezi otherwise
         }
 
-        .react-grid-item>.react-resizable-handle::after {
+        .react-grid-item > .react-resizable-handle::after {
             // grey so it can be seen on the audiobox
             border-right: 2px solid slategrey;
             border-bottom: 2px solid slategrey;
@@ -41,7 +41,6 @@
             position: absolute;
             height: 3;
             left: 5;
-            top: 30;
             transform-origin: left;
             transform: rotate(90deg);
             outline: none;
@@ -103,7 +102,7 @@
 
             span::before,
             span::after {
-                content: "";
+                content: '';
                 width: 50%;
                 position: relative;
                 display: inline-block;
@@ -128,10 +127,8 @@
             }
         }
     }
-
 }
 
-
 /* Chrome, Safari, Edge, Opera */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
@@ -140,6 +137,6 @@ input::-webkit-inner-spin-button {
 }
 
 /* Firefox */
-input[type=number] {
+input[type='number'] {
     -moz-appearance: textfield;
-}
\ No newline at end of file
+}