ui much better

1 files changed, 39 insertions, 48 deletions

diff --git a/src/client/views/collections/CollectionSchemaView.scss b/src/client/views/collections/CollectionSchemaView.scss
index d16f0edf9..8c2f62d43 100644
--- a/src/client/views/collections/CollectionSchemaView.scss
+++ b/src/client/views/collections/CollectionSchemaView.scss
@@ -1,66 +1,57 @@
+@import "../global_variables";
+
 //options menu styling
 #schemaOptionsMenuBtn {
     position: absolute;
-    height: 15px;
-    width: 15px;
+    height: 20px;
+    width: 20px;
     border-radius: 50%;
     z-index: 21; 
-    right: 3px;
-    top: 3px; 
+    right: 4px;
+    top: 4px; 
     pointer-events: auto;
-    background-color:red;
-}
-
-.dd-item-containter:hover {
-  background-color: rgb(204, 204, 204);
+    background-color:black;
+    display:inline-block;
+    padding: 0px;
+    font-size: 100%;
 }
-
-.dd-item {
-    color: black;
-    padding-left: 6px;
-    padding-bottom: 0px;
-    padding-top: 4px;
-    font-size: 12px;
+#schema-options-header {
+    text-align: center;
+    padding: 0px;
     margin: 0px;
-    display: block;
-    width: 100%;
-    height: 25px;
-    z-index: 100;
 }
-.dd-item:hover {
-    color: black;
-    font-weight: 500;
+.schema-options-subHeader {
+    color: $intermediate-color;
+    margin-bottom: 5px;
+}
+#schemaOptionsMenuBtn:hover {
+    transform: scale(1.15);
 }
 
-.dropdown-menu {
-    height: 100px;
-    overflow-y: scroll;
-  }
-
-#dropdown-basic-button {
-    background-color: #fff;
-    border: .75px solid #bbbbbb;
-    border-radius: 0;
-    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-    margin:10px;
-    margin-top: 8px;
-    color: black;
-    display: inline-block;
-    width: 160px;
-    height: 25px;
-    font-size: 15px;
-    padding: 0px;
-    border-radius: 3px;
-    font-size: 12px;
-  }
+#preview-schema-checkbox-div {
+    margin-left: 20px;
+    font-size: 11px;
+}
 
   #options-flyout-div {
-    text-align: center;
+    text-align: left;
     padding:0px;
+    z-index: 100;
+    font-family: $sans-serif;
+    padding-left: 5px;
+  }
+
+  #schema-col-checklist {
+    overflow: scroll;
+    text-align: left;
+    //background-color: $light-color-secondary;
+    line-height: 25px;
+    max-height: 175px;
+    font-family: $sans-serif;
+    font-size: 12px;
   }
   
-@import "../global_variables";
+
 .collectionSchemaView-container {
     border: 1px solid $intermediate-color;
     border-radius: $border-radius;
@@ -68,7 +59,7 @@
     position: absolute;
     width: 100%;
     height: 100%;
-    overflow: hidden;
+    
     .collectionSchemaView-content {
         position: absolute;
         height: 100%;