From fbfd21718e63e13ec5b8ba913a65b3ee76891a34 Mon Sep 17 00:00:00 2001
From: srichman333 <sarah_n_richman@brown.edu>
Date: Mon, 26 Jun 2023 11:43:23 -0400
Subject: PropertiesView layout UI

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

(limited to 'src')

diff --git a/src/client/views/PropertiesView.scss b/src/client/views/PropertiesView.scss
index eafe752be..f2be966b9 100644
--- a/src/client/views/PropertiesView.scss
+++ b/src/client/views/PropertiesView.scss
@@ -135,12 +135,12 @@
                 }
 
                 .propertiesView-acls-checkbox {
-                    margin-top: -20px;
+                    margin-top: -15px;
+                    margin-bottom: -10px;
 
                     .propertiesView-acls-checkbox-text {
-                        font-size: 7px;
-                        margin-top: -10px;
-                        margin-left: 6px;
+                        display: inline;
+                        font-size: 9px;
                     }
                 }
             }
diff --git a/src/client/views/PropertiesView.tsx b/src/client/views/PropertiesView.tsx
index 0a8eabdb1..ca357f830 100644
--- a/src/client/views/PropertiesView.tsx
+++ b/src/client/views/PropertiesView.tsx
@@ -506,7 +506,7 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
 
         return (
             <div>
-                {' '}
+                <br/>
                 Public / Guest Users
                 <div>{this.colorACLDropDown('Public', showAdmin, publicPermission!, false)}</div>
                 <div>
@@ -1020,8 +1020,8 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
                     <div className="propertiesView-sharing-content">
                         <div className="propertiesView-buttonContainer">
                             <div className="propertiesView-acls-checkbox">
+                                <div className="propertiesView-acls-checkbox-text"> Show / Contol Layout Permissions </div>
                                 <Checkbox color="primary" onChange={action(() => (this.layoutDocAcls = !this.layoutDocAcls))} checked={this.layoutDocAcls} />
-                                <div className="propertiesView-acls-checkbox-text">Layout</div>
                             </div>
 
                             {/* <Tooltip title={<><div className="dash-tooltip">{"Re-distribute sharing settings"}</div></>}>
-- 
cgit v1.2.3-70-g09d2