single filter through search added

1 files changed, 30 insertions, 5 deletions

diff --git a/src/client/views/collections/collectionSchema/CollectionSchemaView.scss b/src/client/views/collections/collectionSchema/CollectionSchemaView.scss
index 931645857..5eb5cc86d 100644
--- a/src/client/views/collections/collectionSchema/CollectionSchemaView.scss
+++ b/src/client/views/collections/collectionSchema/CollectionSchemaView.scss
@@ -9,7 +9,8 @@
     .schema-table {
         background-color: $white;
 
-        .schema-column-menu {
+        .schema-column-menu,
+        .schema-filter-menu {
             background: $light-gray;
             position: absolute;
             min-width: 200px;
@@ -83,6 +84,11 @@
         .schema-header-row {
             justify-content: flex-end;
 
+            .row-menu {
+                display: flex;
+                justify-content: flex-end;
+            }
+
             .schema-column-header {
                 font-weight: bold;
                 display: flex;
@@ -112,10 +118,12 @@
                 }
 
                 .schema-column-resizer.right {
+                    margin-left: 5px;
                     align-self: flex-end;
                 }
 
                 .schema-column-resizer.left {
+                    margin-right: 5px;
                     align-self: flex-start;
                 }
             }
@@ -139,6 +147,10 @@
     overflow: hidden;
 }
 
+.schema-header-row {
+    background-color: $light-gray;
+}
+
 .schema-header-row,
 .schema-row {
     display: flex;
@@ -163,8 +175,8 @@
     .row-menu {
         display: flex;
         flex-direction: row;
-        justify-content: center;
         min-width: 50px;
+        justify-content: flex-end;
     }
 
     .row-cells {
@@ -176,9 +188,22 @@
 
 .schema-row-button,
 .schema-header-button {
-    width: 20px;
-    height: 20px;
-    border-radius: 100%;
+    color: $dark-gray;
+    margin: 3px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    svg {
+        width: 15px;
+    }
+}
+
+.schema-sort-button {
+    width: 17px;
+    height: 17px;
+    border-radius: 30%;
     background-color: $dark-gray;
     color: white;
     margin: 3px;