adjusting menu trigger

1 files changed, 13 insertions, 9 deletions

diff --git a/src/client/views/collections/CollectionSchemaView.tsx b/src/client/views/collections/CollectionSchemaView.tsx
index 9cd13058f..900949b94 100644
--- a/src/client/views/collections/CollectionSchemaView.tsx
+++ b/src/client/views/collections/CollectionSchemaView.tsx
@@ -299,20 +299,24 @@ export class CollectionSchemaView extends CollectionSubView(doc => doc) {
     @action
     closeHeader = () => { this._headerOpen = false; }
 
+    renderKeysDropDown = (col: any) => {
+        return <KeysDropdown
+            keyValue={col.heading}
+            possibleKeys={this.possibleKeys}
+            existingKeys={this.columns.map(c => c.heading)}
+            canAddNew={true}
+            addNew={false}
+            onSelect={this.changeColumns}
+            setIsEditing={this.setHeaderIsEditing}
+        />;
+    }
+
     renderContent = (col: any) => {
         return (
             <div className="collectionSchema-header-menuOptions">
                 <div className="collectionSchema-headerMenu-group">
                     <label>Key:</label>
-                    <KeysDropdown
-                        keyValue={col.heading}
-                        possibleKeys={this.possibleKeys}
-                        existingKeys={this.columns.map(c => c.heading)}
-                        canAddNew={true}
-                        addNew={false}
-                        onSelect={this.changeColumns}
-                        setIsEditing={this.setHeaderIsEditing}
-                    />
+                    {this.renderKeysDropDown(col)}
                 </div>
                 {false ? <></> :
                     <>