adding/removing children from collection works (probably buggy); backspace delete broken

1 files changed, 20 insertions, 3 deletions

diff --git a/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx b/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx
index dd4a13776..dbbf76ea7 100644
--- a/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx
+++ b/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx
@@ -22,6 +22,7 @@ import { SnappingManager } from '../../../util/SnappingManager';
 import { undoable } from '../../../util/UndoManager';
 import { FInfo } from '../../../documents/Documents';
 import { ColumnType } from '../../../../fields/SchemaHeaderField';
+import { IconButton, Size } from 'browndash-components';
 
 export interface SchemaColumnHeaderProps {
     Document: Doc;
@@ -174,10 +175,26 @@ export class SchemaColumnHeader extends ObservableReactComponent<SchemaColumnHea
                     <div>{this.editableView}</div>
 
                     <div className="schema-header-menu">
-                        <div className="schema-header-button" onPointerDown={e => this._props.openContextMenu(e.clientX, e.clientY, this._props.columnIndex)}>
-                            <FontAwesomeIcon icon="ellipsis-h" />
+                        <div className="schema-header-button">
+                            <IconButton
+                            icon={ <FontAwesomeIcon icon="caret-down" size='lg'/>}
+                            size={Size.XSMALL}
+                            color={'black'}
+                            onPointerDown={e =>
+                                setupMoveUpEvents(
+                                    this,
+                                    e,
+                                    returnFalse,
+                                    emptyFunction,
+                                    undoable(clickEv => {
+                                        clickEv.stopPropagation();
+                                        this._props.openContextMenu(e.clientX, e.clientY, this._props.columnIndex)
+                                    }, 'open column menu')
+                                )
+                            }
+                        />
                         </div>
-                    </div>
+                    </div>  
                 </div>
         );
     }