From e09aaab486733de052f362d5710794f0b0e17d62 Mon Sep 17 00:00:00 2001
From: srichman333 <sarah_n_richman@brown.edu>
Date: Thu, 24 Aug 2023 18:05:09 -0400
Subject: PropertiesView documentation info icon cleanup

---
 src/client/views/PropertiesView.scss | 2 ++
 src/client/views/PropertiesView.tsx  | 6 +++---
 2 files changed, 5 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/client/views/PropertiesView.scss b/src/client/views/PropertiesView.scss
index a0b054851..e3a481206 100644
--- a/src/client/views/PropertiesView.scss
+++ b/src/client/views/PropertiesView.scss
@@ -23,6 +23,8 @@
         padding: 10px;
         font-size: 24px;
         font-weight: bold;
+        display: flex;
+        flex-direction: row;
     }
 
     overflow-x: hidden;
diff --git a/src/client/views/PropertiesView.tsx b/src/client/views/PropertiesView.tsx
index 82ab54787..9e054b876 100644
--- a/src/client/views/PropertiesView.tsx
+++ b/src/client/views/PropertiesView.tsx
@@ -1663,9 +1663,9 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
                         <div className="propertiesView-propAndInfoGrouping">
                             <div className="propertiesView-title" style={{ width: this.props.width }}>
                                 Properties
-                            </div>
-                            <div className="propertiesView-info" onClick={() => window.open('https://brown-dash.github.io/Dash-Documentation/')}>
-                                <GrCircleInformation />{' '}
+                                <div className="propertiesView-info" onClick={() => window.open('https://brown-dash.github.io/Dash-Documentation/')}>
+                                    <IconButton icon={<FontAwesomeIcon icon={'info-circle'} />} color={StrCast(Doc.UserDoc().userColor)} />
+                                </div>
                             </div>
                         </div>
 
-- 
cgit v1.2.3-70-g09d2