4 files changed, 2 insertions, 82 deletions
diff --git a/src/client/views/nodes/DocumentView.tsx b/src/client/views/nodes/DocumentView.tsx
index 5ae232aa9..c807d99ac 100644
--- a/src/client/views/nodes/DocumentView.tsx
+++ b/src/client/views/nodes/DocumentView.tsx
@@ -565,7 +565,7 @@ export class DocumentViewInternal extends DocComponent<FieldViewProps & Document
             if (this._props.renderDepth === 0) {
                 appearanceItems.splice(0, 0, { description: 'Open in Lightbox', event: () => DocumentView.SetLightboxDoc(this.Document), icon: 'external-link-alt' });
             }
-            appearanceItems.push({ description: 'Pin', event: () => this._props.pinToPres(this.Document, {}), icon: 'eye' });
+            appearanceItems.push({ description: 'Pin', event: () => this._props.pinToPres(this.Document, {}), icon: 'map-pin' });
             if (this.Document._layout_isFlashcard) {
                 appearanceItems.push({ description: 'Create ChatCard', event: () => this.askGPT(), icon: 'id-card' });
             }
diff --git a/src/client/views/nodes/FaceRectangle.tsx b/src/client/views/nodes/FaceRectangle.tsx
deleted file mode 100644
index 2b66b83fe..000000000
--- a/src/client/views/nodes/FaceRectangle.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { observable, runInAction } from 'mobx';
-import { observer } from 'mobx-react';
-import * as React from 'react';
-import { RectangleTemplate } from './FaceRectangles';
-
-@observer
-export default class FaceRectangle extends React.Component<{ rectangle: RectangleTemplate }> {
-    @observable private opacity = 0;
-
-    componentDidMount() {
-        setTimeout(
-            () =>
-                runInAction(() => {
-                    this.opacity = 1;
-                }),
-            500
-        );
-    }
-
-    render() {
-        const { rectangle } = this.props;
-        return (
-            <div
-                style={{
-                    ...rectangle.style,
-                    opacity: this.opacity,
-                    transition: '1s ease opacity',
-                    position: 'absolute',
-                    borderRadius: 5,
-                }}
-            />
-        );
-    }
-}
diff --git a/src/client/views/nodes/FaceRectangles.tsx b/src/client/views/nodes/FaceRectangles.tsx
deleted file mode 100644
index ade4225d9..000000000
--- a/src/client/views/nodes/FaceRectangles.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { observer } from 'mobx-react';
-import * as React from 'react';
-import { Doc, DocListCast } from '../../../fields/Doc';
-import { Id } from '../../../fields/FieldSymbols';
-import { Cast, NumCast } from '../../../fields/Types';
-import FaceRectangle from './FaceRectangle';
-
-interface FaceRectanglesProps {
-    document: Doc;
-    color: string;
-    backgroundColor: string;
-}
-
-export interface RectangleTemplate {
-    id: string;
-    style: Partial<React.CSSProperties>;
-}
-
-@observer
-export class FaceRectangles extends React.Component<FaceRectanglesProps> {
-    render() {
-        const faces = DocListCast(this.props.document.faces);
-        const templates: RectangleTemplate[] = faces.map(faceDoc => {
-            const rectangle = Cast(faceDoc.faceRectangle, Doc) as Doc;
-            const style = {
-                top: NumCast(rectangle.top),
-                left: NumCast(rectangle.left),
-                width: NumCast(rectangle.width),
-                height: NumCast(rectangle.height),
-                backgroundColor: `${this.props.backgroundColor}33`,
-                border: `solid 2px ${this.props.color}`,
-            } as React.CSSProperties;
-            return {
-                id: rectangle[Id],
-                style: style,
-            };
-        });
-        return (
-            <div>
-                {templates.map(rectangle => (
-                    <FaceRectangle key={rectangle.id} rectangle={rectangle} />
-                ))}
-            </div>
-        );
-    }
-}
diff --git a/src/client/views/nodes/ImageBox.tsx b/src/client/views/nodes/ImageBox.tsx
index 51dd494da..d0a7fc6ac 100644
--- a/src/client/views/nodes/ImageBox.tsx
+++ b/src/client/views/nodes/ImageBox.tsx
@@ -20,6 +20,7 @@ import { DocumentType } from '../../documents/DocumentTypes';
 import { DocUtils } from '../../documents/DocUtils';
 import { Networking } from '../../Network';
 import { DragManager } from '../../util/DragManager';
+import { SnappingManager } from '../../util/SnappingManager';
 import { undoBatch } from '../../util/UndoManager';
 import { CollectionFreeFormView } from '../collections/collectionFreeForm/CollectionFreeFormView';
 import { ContextMenu } from '../ContextMenu';
@@ -35,7 +36,6 @@ import { FieldView, FieldViewProps } from './FieldView';
 import { FocusViewOptions } from './FocusViewOptions';
 import './ImageBox.scss';
 import { OpenWhere } from './OpenWhere';
-import { SnappingManager } from '../../util/SnappingManager';
 
 export class ImageEditorData {
     // eslint-disable-next-line no-use-before-define