started changing top section of prop menu

2 files changed, 20 insertions, 6 deletions

diff --git a/src/client/views/PropertiesView.scss b/src/client/views/PropertiesView.scss
index 897be9a32..5e6bd85e6 100644
--- a/src/client/views/PropertiesView.scss
+++ b/src/client/views/PropertiesView.scss
@@ -15,13 +15,14 @@
     overflow-y: auto;
 
     .propertiesView-title {
-        text-align: center;
+        text-align: left;
         padding-top: 12px;
-        padding-bottom: 12px;
+        // padding-bottom: 12px;
+        padding-left: 10px;
         display: flex;
-        font-size: 18px;
+        font-size: 25px;
         font-weight: bold;
-        justify-content: center;
+        // justify-content: center;
 
         .propertiesView-title-icon {
             width: 20px;
@@ -830,8 +831,16 @@
     }
 }
 
+.propertiesView-wordTitle{
+    color:silver;
+    font-weight:200;
+}
+
 .editable-title {
     border: solid 1px #323232;
+    padding-left: 5px;
+    padding-top: 4px;
+    border-radius: 4px;
     height: fit-content;
 
     &:hover {
diff --git a/src/client/views/PropertiesView.tsx b/src/client/views/PropertiesView.tsx
index 0007ac84f..3c473498e 100644
--- a/src/client/views/PropertiesView.tsx
+++ b/src/client/views/PropertiesView.tsx
@@ -466,9 +466,13 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
         SelectionManager.Views().forEach(dv => titles.add(StrCast(dv.rootDoc.title)));
         const title = Array.from(titles.keys()).length > 1 ? '--multiple selected--' : StrCast(this.selectedDoc?.title);
         return (
-            <div className="editable-title">
-                <EditableView key="editableView" contents={title} height={25} fontSize={14} GetValue={() => title} SetValue={this.setTitle} />
+            <div>
+                <div className="propertiesView-wordTitle">Title</div> 
+                <div className="editable-title">
+                    <EditableView key="editableView" contents={title} height={25} fontSize={14} GetValue={() => title} SetValue={this.setTitle} />
+                </div>
             </div>
+            
         );
     }
 
@@ -1659,6 +1663,7 @@ export class PropertiesView extends React.Component<PropertiesViewProps> {
                             Presentation
                         </div>
                         <div className="propertiesView-name" style={{ borderBottom: 0 }}>
+                         
                             {this.editableTitle}
                             <div className="propertiesView-presSelected">
                                 <div className="propertiesView-selectedCount">{PresBox.Instance.selectedArray.size} selected</div>