From 229e8ba914943da0d11dff00d14a8adae950d853 Mon Sep 17 00:00:00 2001
From: anika-ahluwalia <anika.ahluwalia@gmail.com>
Date: Sat, 25 Jul 2020 10:27:27 -0500
Subject: exit button for properties

---
 .../collectionFreeForm/PropertiesView.scss         | 23 ++++++++++++++++++++--
 .../collectionFreeForm/PropertiesView.tsx          |  6 +++++-
 2 files changed, 26 insertions(+), 3 deletions(-)

(limited to 'src/client/views/collections')

diff --git a/src/client/views/collections/collectionFreeForm/PropertiesView.scss b/src/client/views/collections/collectionFreeForm/PropertiesView.scss
index b40a08086..7b8f116b7 100644
--- a/src/client/views/collections/collectionFreeForm/PropertiesView.scss
+++ b/src/client/views/collections/collectionFreeForm/PropertiesView.scss
@@ -10,10 +10,29 @@
     .propertiesView-title {
         background-color: rgb(159, 159, 159);
         text-align: center;
-        font-size: 18px;
-        font-weight: bold;
         padding-top: 12px;
         padding-bottom: 12px;
+        display: flex;
+
+        .propertiesView-title-name {
+            font-size: 18px;
+            font-weight: bold;
+            padding-left: 45px;
+        }
+
+        .propertiesView-title-icon {
+            width: 20px;
+            height: 20px;
+            padding-left: 32px;
+            margin-top: -5px;
+
+            &:hover {
+                color: grey;
+                cursor: pointer;
+            }
+
+        }
+
     }
 
     .propertiesView-name {
diff --git a/src/client/views/collections/collectionFreeForm/PropertiesView.tsx b/src/client/views/collections/collectionFreeForm/PropertiesView.tsx
index e911c7a9f..a75ad13e5 100644
--- a/src/client/views/collections/collectionFreeForm/PropertiesView.tsx
+++ b/src/client/views/collections/collectionFreeForm/PropertiesView.tsx
@@ -25,6 +25,7 @@ interface PropertiesViewProps {
     height: number;
     renderDepth: number;
     ScreenToLocalTransform: () => Transform;
+    onDown: (event: any) => void;
 }
 
 @observer
@@ -225,7 +226,10 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
 
         return <div className="propertiesView" >
             <div className="propertiesView-title">
-                Properties
+                <div className="propertiesView-title-name">Properties </div>
+                <div className="propertiesView-title-icon" onPointerDown={this.props.onDown}>
+                    <FontAwesomeIcon icon="times" color="black" size="sm" />
+                </div>
             </div>
             <div className="propertiesView-name">
                 {this.selectedDoc.title}
-- 
cgit v1.2.3-70-g09d2