merged

1 files changed, 79 insertions, 28 deletions

diff --git a/src/client/views/collections/CollectionTreeView.scss b/src/client/views/collections/CollectionTreeView.scss
index f8d580a7b..411d67ff7 100644
--- a/src/client/views/collections/CollectionTreeView.scss
+++ b/src/client/views/collections/CollectionTreeView.scss
@@ -1,37 +1,88 @@
-#body {
+@import "../globalCssVariables";
+
+.collectionTreeView-dropTarget {
+    border-width: $COLLECTION_BORDER_WIDTH;
+    border-color: transparent;
+    border-style: solid;
+    border-radius: $border-radius;
+    box-sizing: border-box;
+    height: 100%;
     padding: 20px;
-    background: #bbbbbb;
-}
+    padding-left: 10px;
+    padding-right: 0px;
+    background: $light-color-secondary;
+    font-size: 13px;
+    overflow: scroll;
 
-ul {
-    list-style: none;
-}
+    ul {
+        list-style: none;
+        padding-left: 20px;
+    }
 
-li {
-    margin: 5px 0;
-}
+    li {
+        margin: 5px 0;
+    }
 
-.no-indent {
-    padding-left: 0;
-}
 
-.bullet {
-    width: 1.5em;
-    display: inline-block;
-}
+    .no-indent {
+        padding-left: 0;
+    }
 
-.collectionTreeView-dropTarget {
-    border-style: solid;
-    box-sizing: border-box;
-    height: 100%;
-}
+    .bullet {
+        float:left;
+        position: relative;
+        width: 15px;
+        display: block;
+        color: $intermediate-color;
+        margin-top: 3px;
+        transform: scale(1.3,1.3);
+    }
+
+    .docContainer {
+        margin-left: 10px;
+        display: block;
+       // width:100%;//width: max-content;
+    }
+    .docContainer:hover {
+        .treeViewItem-openRight {
+            display:inline;
+        }
+    }
+
+
+    .editableView-container {
+        font-weight: bold;
+    }
 
-.docContainer {
-    display: inline-table;
-}
+    .delete-button {
+        color: $intermediate-color;
+        // float: right;
+        margin-left: 15px;
+        // margin-top: 3px;
+        display: inline;
+    }
+    .treeViewItem-openRight {
+        margin-left: 5px;
+        display:none;
+    }
+    .docContainer:hover {
+        .delete-button {
+            display: inline;
+            // width: auto;
+        }
+    }
 
-.delete-button {
-    color: #999999;
-    float: right;
-    margin-left: 1em;
+    .coll-title {
+        width:max-content;
+        display: block;
+        font-size: 24px;
+    }
+    .collection-child {
+        margin-top: 10px;
+        margin-bottom: 10px;
+    }
+    .collectionTreeView-keyHeader {
+        font-style: italic;
+        font-size: 8pt;
+    }
 }
\ No newline at end of file