changed scss files

1 files changed, 14 insertions, 65 deletions

diff --git a/src/client/views/collections/CollectionViewChromes.scss b/src/client/views/collections/CollectionViewChromes.scss
index d02daa366..060e72b7a 100644
--- a/src/client/views/collections/CollectionViewChromes.scss
+++ b/src/client/views/collections/CollectionViewChromes.scss
@@ -106,17 +106,20 @@
         }
 
 
-        .collectionStackingViewChrome-cont {
+        .collectionStackingViewChrome-cont,
+        .collectionTreeViewChrome-cont {
             display: flex;
             justify-content: space-between;
         }
 
-        .collectionStackingViewChrome-sort {
+        .collectionStackingViewChrome-sort,
+        .collectionTreeViewChrome-sort {
             display: flex;
             align-items: center;
             justify-content: space-between;
 
-            .collectionStackingViewChrome-sortIcon {
+            .collectionStackingViewChrome-sortIcon,
+            .collectionTreeViewChrome-sortIcon {
                 transition: transform .5s;
                 margin-left: 10px;
             }
@@ -127,18 +130,21 @@
         }
 
 
-        .collectionStackingViewChrome-sectionFilter-cont {
+        .collectionStackingViewChrome-sectionFilter-cont,
+        .collectionTreeViewChrome-sectionFilter-cont {
             justify-self: right;
             display: flex;
             font-size: 75%;
             letter-spacing: 2px;
 
-            .collectionStackingViewChrome-sectionFilter-label {
+            .collectionStackingViewChrome-sectionFilter-label,
+            .collectionTreeViewChrome-sectionFilter-label {
                 vertical-align: center;
                 padding: 10px;
             }
 
-            .collectionStackingViewChrome-sectionFilter {
+            .collectionStackingViewChrome-sectionFilter,
+            .collectionTreeViewChrome-sectionFilter {
                 color: white;
                 width: 100px;
                 text-align: center;
@@ -165,7 +171,8 @@
             }
         }
 
-        .collectionStackingViewChrome-sectionFilter:hover {
+        .collectionStackingViewChrome-sectionFilter:hover,
+        .collectionTreeViewChrome-sectionFilter:hover {
             cursor: text;
         }
     }
@@ -220,62 +227,4 @@
             margin-left: 50px;
         }
     }
-}
-
-.collectionTreeViewChrome-cont {
-    display: flex;
-    justify-content: space-between;
-}
-
-.collectionTreeViewChrome-sort {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    .collectionTreeViewChrome-sortIcon {
-        transition: transform .5s;
-        margin-left: 10px;
-    }
-}
-
-.collectionTreeViewChrome-sectionFilter-cont {
-    justify-self: right;
-    display: flex;
-    font-size: 75%;
-    letter-spacing: 2px;
-
-    .collectionTreeViewChrome-sectionFilter-label {
-        vertical-align: center;
-        padding: 10px;
-    }
-
-    .collectionTreeViewChrome-sectionFilter {
-        color: white;
-        width: 100px;
-        text-align: center;
-        background: rgb(238, 238, 238);
-
-        .editable-view-input,
-        input,
-        .editableView-container-editing-oneLine,
-        .editableView-container-editing {
-            padding: 12px 10px 11px 10px;
-            border: 0px;
-            color: grey;
-            text-align: center;
-            letter-spacing: 2px;
-            outline-color: black;
-            height: 100%;
-        }
-
-        .react-autosuggest__container {
-            margin: 0;
-            color: grey;
-            padding: 0px;
-        }
-    }
-}
-
-.collectionTreeViewChrome-sectionFilter:hover {
-    cursor: text;
 }
\ No newline at end of file