add and remove columns (remove buggy for same named headers)

1 files changed, 27 insertions, 13 deletions

diff --git a/src/client/views/collections/collectionSchema/CollectionSchemaView.scss b/src/client/views/collections/collectionSchema/CollectionSchemaView.scss
index 4f644717b..83164a82a 100644
--- a/src/client/views/collections/collectionSchema/CollectionSchemaView.scss
+++ b/src/client/views/collections/collectionSchema/CollectionSchemaView.scss
@@ -27,6 +27,10 @@
 
             .schema-column-header {
                 font-weight: bold;
+                display: flex;
+                flex-direction: row;
+                justify-content: space-between;
+                align-items: center;
             }
         }
 
@@ -37,19 +41,6 @@
                 display: flex;
                 flex-direction: row;
                 justify-content: center;
-
-                .row-button {
-                    width: 25px;
-                    height: 25px;
-                    border-radius: 100%;
-                    background-color: $dark-gray;
-                    color: white;
-                    margin: 3px;
-                    cursor: pointer;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                }
             }
 
             .row-cells {
@@ -58,5 +49,28 @@
                 justify-content: flex-end;
             }
         }
+
+        .schema-header-menu {
+            display: flex;
+            flex-direction: row;
+        }
+
+        .row-button,
+        .schema-header-button {
+            width: 20px;
+            height: 20px;
+            border-radius: 100%;
+            background-color: $dark-gray;
+            color: white;
+            margin: 3px;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            svg {
+                width: 12px;
+            }
+        }
     }
 }