some preview stuff

1 files changed, 24 insertions, 8 deletions

diff --git a/src/client/views/collections/CollectionSchemaView.scss b/src/client/views/collections/CollectionSchemaView.scss
index 9ad52db4c..98ec971ef 100644
--- a/src/client/views/collections/CollectionSchemaView.scss
+++ b/src/client/views/collections/CollectionSchemaView.scss
@@ -40,22 +40,23 @@
 
     .collectionSchemaView-dividerDragger {
         position: relative;
-        background: black;
         float: left;
-        height: 37px;
+        height: 100%;
         width: 20px;
         z-index: 20;
         right: 0;
         top: 0;
-        background: $main-accent;
-        box-sizing: border-box;
-        border-left: 1px solid $intermediate-color;
-        border-right: 1px solid $intermediate-color;
+        background: gray;
+        cursor: col-resize;
+        // background: $main-accent;
+        // box-sizing: border-box;
+        // border-left: 1px solid $intermediate-color;
+        // border-right: 1px solid $intermediate-color;
     }
 }
 
 .ReactTable {
-    width: 100% !important;
+    width: 100%;
     height: 100%;
     background: white;
     box-sizing: border-box;
@@ -400,9 +401,16 @@ button.add-column {
 }
 
 .collectionSchemaView-toolbar {
-    height: 50px;
+    height: 30px;
     display: flex;
     justify-content: flex-end;
+    padding: 0 10px;
+
+    .collectionSchemaView-toolbar-item {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
 }
 
 #preview-schema-checkbox-div {
@@ -410,6 +418,10 @@ button.add-column {
     font-size: 12px;
 }
 
+.collectionSchemaView-table {
+    width: calc(100% - 7px);
+}
+
 .sub {
     padding: 10px 30px;
     // padding-left: 80px;
@@ -429,6 +441,10 @@ button.add-column {
     .rt-table {
         background-color: rgb(252, 252, 252);
     }
+
+    .collectionSchemaView-table {
+        width: 100%;
+    }
 }
 
 .collectionSchemaView-expander {