minor schema stylign

1 files changed, 21 insertions, 8 deletions

diff --git a/src/client/views/collections/CollectionSchemaView.scss b/src/client/views/collections/CollectionSchemaView.scss
index c2b0d8f42..3bc1bc060 100644
--- a/src/client/views/collections/CollectionSchemaView.scss
+++ b/src/client/views/collections/CollectionSchemaView.scss
@@ -75,7 +75,7 @@
             // color: $light-color;
             font-size: 12px;
             height: 30px;
-            border: 1px solid $intermediate-color;
+            // border: 1px solid $intermediate-color;
             box-shadow: none;
         }
 
@@ -95,6 +95,8 @@
 
         .rt-th {
             padding: 0;
+            border: solid lightgray;
+            border-width: 0 1px;
         }
     }
 
@@ -117,6 +119,10 @@
         direction: ltr;
         flex: 0 1 auto;
         min-height: 30px;
+        border: 0 !important;
+        // border: solid lightgray;
+        // border-width: 1px 0;
+        // border-left: 1px solid lightgray;
         // max-height: $MAX_ROW_HEIGHT;
         // for sub comp
 
@@ -128,10 +134,11 @@
         //     background-color: $light-color-secondary;
         // }
 
+        &:first-child {
+            border-top: 1px solid $light-color-secondary !important;
+        }
         &:last-child {
-            border-bottom: $intermediate-color;
-            border-bottom-style: solid;
-            border-bottom-width: 1;
+            border-bottom: 1px solid $light-color-secondary !important;
         }
     }
 
@@ -142,8 +149,10 @@
     }
 
     .rt-td {
-        border-width: 1px;
-        border-right-color: $intermediate-color;
+        // border: 1px solid $light-color-secondary !important;
+        // border-width: 0 1px;
+        // border-width: 1px;
+        // border-right-color: $intermediate-color;
         // max-height: $MAX_ROW_HEIGHT;
         padding: 0;
         font-size: 13px;
@@ -284,7 +293,7 @@ button.add-column {
     height: 100%;
 
     &.row-focused {
-        background-color: $light-color-secondary;
+        background-color: rgb(253, 191, 191);//$light-color-secondary;
     }
 
     .row-dragger {
@@ -310,6 +319,10 @@ button.add-column {
     }
 }
 
+.collectionSchemaView-cellContainer {
+    width: 100%;
+    height: 100%;
+}
 
 .collectionSchemaView-cellWrapper {
     height: 100%;
@@ -321,7 +334,7 @@ button.add-column {
 
     &.focused {
         // background-color: yellowgreen;
-        border: 2px solid yellowgreen;
+        // border: 2px solid yellowgreen;
 
         input {
             outline: 0;