conquering my fears of css

1 files changed, 24 insertions, 0 deletions

diff --git a/src/client/views/collections/CollectionSchemaView.scss b/src/client/views/collections/CollectionSchemaView.scss
index 08b1e9790..37efc6b6c 100644
--- a/src/client/views/collections/CollectionSchemaView.scss
+++ b/src/client/views/collections/CollectionSchemaView.scss
@@ -2,6 +2,9 @@
 .collectionSchemaView-container {
     border-style: solid;
     box-sizing: border-box;
+    position: absolute;
+    width: 100%;
+    height: 100%;
     .collectionfreeformview-container {
         border-width: 0px !important
     }
@@ -13,10 +16,30 @@
         position: absolute;
         display: inline-block;
         width: 100%;
+        overflow: auto;
+        height: 100%;
+        background: white;
+        box-sizing: border-box;
     }
+    .ReactTable .rt-thead.-header {
+            background:grey;
+        }
     .ReactTable .rt-th, .ReactTable .rt-td {
         max-height: 75px;
     }
+    .ReactTable .rt-tbody .rt-tr-group:last-child {
+        border-bottom: grey;
+        border-bottom-style: solid;
+        border-bottom-width: 1;
+    }
+    .ReactTable .rt-td {
+        border-width: 1;
+        border-right-color: #aaa
+    }
+    .ReactTable .rt-tr-group {
+        border-width: 1;
+        border-bottom-color: #aaa
+    }
     .imageBox-cont img {
         object-fit: contain;
         height: 100%
@@ -24,6 +47,7 @@
     .documentView-node {
         width:100% !important;
         height:100% !important;
+        background: grey;
         .imageBox-cont img {
             object-fit: contain;
             max-width: 100%;