From e581928cd39e08b35eba6a2447e7a9ba75101b96 Mon Sep 17 00:00:00 2001
From: srichman333 <sarah_n_richman@brown.edu>
Date: Fri, 16 Jun 2023 13:22:07 -0400
Subject: DocumentDecorations layout

---
 src/client/views/DocumentDecorations.scss |  1 +
 src/client/views/DocumentDecorations.tsx  | 39 ++++++++++++++++---------------
 2 files changed, 21 insertions(+), 19 deletions(-)

(limited to 'src/client/views')

diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss
index a5ebe9d58..4d29427a6 100644
--- a/src/client/views/DocumentDecorations.scss
+++ b/src/client/views/DocumentDecorations.scss
@@ -179,6 +179,7 @@ $resizeHandler: 8px;
             display: flex;
             height: 20px;
             border-radius: 8px;
+            gap: 2px;
             outline: none;
             border: none;
             opacity: 0.3;
diff --git a/src/client/views/DocumentDecorations.tsx b/src/client/views/DocumentDecorations.tsx
index 8e224a4b6..c82257d1f 100644
--- a/src/client/views/DocumentDecorations.tsx
+++ b/src/client/views/DocumentDecorations.tsx
@@ -844,6 +844,25 @@ const dragDocView = SelectionManager.Views()[0];
         const radiusHandle = (borderRadius / docMax) * maxDist;
         const radiusHandleLocation = Math.min(radiusHandle, maxDist);
 
+        const sharingMenu = docShareMode ? (
+            <div className='documentDecorations-share' 
+                 onPointerDown={e => 
+                    setupMoveUpEvents(
+                        this, 
+                        e, 
+                        e => this.onBackgroundMove(true, e), 
+                        returnFalse, 
+                        action(() => SettingsManager.propertiesWidth =250)
+                    )
+                }>
+                <div className={`documentDecorations-share${shareMode}`}>
+                    <span>{shareSymbolIcon + ' ' + shareMode}</span>
+                </div>
+            </div>
+        ) : (
+            <div />
+        );
+
         const titleArea = this._editingTitle ? (
             <input
                 ref={this._keyinput}
@@ -860,6 +879,7 @@ const dragDocView = SelectionManager.Views()[0];
         ) : (
             <div className="documentDecorations-title" key="title" onPointerDown={this.onTitleDown}>
                 <span className={`documentDecorations-titleSpan${colorScheme}`}>{`${hideTitle ? '' : this.selectionTitle}`}</span>
+                {sharingMenu}
                 {!useLock ? null : (
                     <Tooltip key="lock" title={<div className="dash-tooltip">toggle ability to interact with document</div>} placement="top">
                         <div className="documentDecorations-lock" style={{ color: seldocview.rootDoc._lockedPosition ? 'red' : undefined }} onPointerDown={this.onLockDown} onContextMenu={e => e.preventDefault()}>
@@ -870,24 +890,6 @@ const dragDocView = SelectionManager.Views()[0];
             </div>
         );
         
-        const sharingMenu = docShareMode ? (
-            <div className='documentDecorations-share' 
-                 onPointerDown={e => 
-                    setupMoveUpEvents(
-                        this, 
-                        e, 
-                        e => this.onBackgroundMove(true, e), 
-                        returnFalse, 
-                        action(() => SettingsManager.propertiesWidth =250)
-                    )
-                }>
-                <div className={`documentDecorations-share${shareMode}`}>
-                    <span>{shareSymbolIcon + ' ' + shareMode}</span>
-                </div>
-            </div>
-        ) : (
-            <div />
-        );
         return (
             <div className={`documentDecorations${colorScheme}`} style={{ opacity: this._showNothing ? 0.1 : undefined }}>
                 <div
@@ -921,7 +923,6 @@ const dragDocView = SelectionManager.Views()[0];
                                 {hideDeleteButton ? null : topBtn('close', 'times', undefined, e => this.onCloseClick(true), 'Close')}
                                 {hideResizers || hideDeleteButton ? null : topBtn('minimize', 'window-maximize', undefined, e => this.onCloseClick(undefined), 'Minimize')}
                                 {hideTitle ? null : titleArea}
-                                {sharingMenu}
                                 {hideOpenButton ? <div /> : topBtn('open', 'external-link-alt', this.onMaximizeDown, undefined, 'Open in Lightbox (ctrl: as alias, shift: in new collection)')}
                             </div>
                             {hideResizers ? null : (
-- 
cgit v1.2.3-70-g09d2