From 6d788ba96d611d580605b87d0e3658f61c57f46e Mon Sep 17 00:00:00 2001
From: Geireann Lindfield Roberts <60007097+geireann@users.noreply.github.com>
Date: Thu, 6 Aug 2020 14:36:48 +0800
Subject: small ui updates for uniformity

---
 src/client/views/PropertiesButtons.tsx                 | 9 +++++++--
 src/client/views/collections/CollectionDockingView.tsx | 3 +--
 2 files changed, 8 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/client/views/PropertiesButtons.tsx b/src/client/views/PropertiesButtons.tsx
index 29afd447f..642476bc3 100644
--- a/src/client/views/PropertiesButtons.tsx
+++ b/src/client/views/PropertiesButtons.tsx
@@ -245,7 +245,7 @@ export class PropertiesButtons extends React.Component<{}, {}> {
         }
         return !targetDoc ? (null) : <Tooltip title={<><div className="dash-tooltip">{"Pin with this view"}</div></>}>
             <div className="propertiesButtons-linker"
-                style={{ backgroundColor: "white", color: "black" }}
+                style={{ backgroundColor: "black", color: "white" }}
                 onClick={e => {
                     if (targetDoc) {
                         DockedFrameRenderer.PinDoc(targetDoc, false);
@@ -259,8 +259,13 @@ export class PropertiesButtons extends React.Component<{}, {}> {
                         activeDoc.presPinViewScale = scale;
                     }
                 }}>
-                <div style={{ position: 'absolute', fontSize: 25, fontWeight: 700, transform: 'translate(42%, -7px)', color: 'rgba(0,0,0,0.2)' }}>V</div>
                 <FontAwesomeIcon className="documentdecorations-icon" size="sm" icon="map-pin" />
+                <div style={{ position: 'relative', fontSize: 25, fontWeight: 700, transform: 'translate(42%, -7px)', color: 'rgba(0,0,0,0.2)' }}>V</div>
+                <div className="propertiesButtons-title" style={{
+                    backgroundColor: "black",
+                    color: "white"
+                }}
+                >{"Pin with view"}</div>
             </div></Tooltip>;
     }
 
diff --git a/src/client/views/collections/CollectionDockingView.tsx b/src/client/views/collections/CollectionDockingView.tsx
index 6d4a7f311..af701bfdd 100644
--- a/src/client/views/collections/CollectionDockingView.tsx
+++ b/src/client/views/collections/CollectionDockingView.tsx
@@ -873,13 +873,12 @@ export class DockedFrameRenderer extends React.Component<DockedFrameProps> {
         return <div className="miniPres" style={{
             width: 250, height: 30, background: '#323232'
         }}>
-            <div className="miniPresOverlay" >
+            <div className="miniPresOverlay" onClick={() => document.addEventListener("keydown", PresBox.Instance.minimizeEvents, false)}>
                 <div className="miniPres-button" onClick={PresBox.Instance.back}><FontAwesomeIcon icon={"arrow-left"} /></div>
                 <div className="miniPres-button" onClick={() => PresBox.Instance.startOrResetPres(PresBox.Instance.itemIndex)}><FontAwesomeIcon icon={PresBox.Instance.layoutDoc.presStatus === "auto" ? "pause" : "play"} /></div>
                 <div className="miniPres-button" onClick={PresBox.Instance.next}><FontAwesomeIcon icon={"arrow-right"} /></div>
                 <div className="miniPres-divider"></div>
                 <div className="miniPres-button-text">Slide {PresBox.Instance.itemIndex + 1} / {PresBox.Instance.childDocs.length}</div>
-                {/* <div className="miniPres-button-text">{this.getCurrentFrame}</div> */}
                 <div className="miniPres-divider"></div>
                 <div className="miniPres-button-text" onClick={PresBox.Instance.updateMinimize}>EXIT</div>
             </div>
-- 
cgit v1.2.3-70-g09d2