From fb1e291b1bed4b60a645030b4a79c0760ba73fdc Mon Sep 17 00:00:00 2001
From: mehekj <mehek.jethani@gmail.com>
Date: Tue, 16 Aug 2022 18:10:15 -0400
Subject: add and remove columns (remove buggy for same named headers)

---
 .../collectionSchema/CollectionSchemaView.scss     | 40 +++++++++++++++-------
 1 file changed, 27 insertions(+), 13 deletions(-)

(limited to 'src/client/views/collections/collectionSchema/CollectionSchemaView.scss')

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;
+            }
+        }
     }
 }
-- 
cgit v1.2.3-70-g09d2