1 files changed, 13 insertions, 2 deletions
diff --git a/src/client/views/PropertiesButtons.tsx b/src/client/views/PropertiesButtons.tsx
index d1561fd67..61aa616ec 100644
--- a/src/client/views/PropertiesButtons.tsx
+++ b/src/client/views/PropertiesButtons.tsx
@@ -61,8 +61,8 @@ export class PropertiesButtons extends React.Component<{}, {}> {
                 text={label(targetDoc?.[property])}
                 color={SettingsManager.userColor}
                 icon={icon(targetDoc?.[property] as any)}
-                iconPlacement={'left'}
-                align={'flex-start'}
+                iconPlacement="left"
+                align="flex-start"
                 fillWidth={true}
                 toggleType={ToggleType.BUTTON}
                 onClick={undoable(() => {
@@ -173,6 +173,16 @@ export class PropertiesButtons extends React.Component<{}, {}> {
         );
     }
 
+    @computed get verticalAlignButton() {
+        //select text
+        return this.propertyToggleBtn(
+            on => (on ? 'ALIGN TOP' : 'ALIGN CENTER'),
+            '_layout_centered',
+            on => `${on ? 'Text is aligned with top of document' : 'Text is aligned with center of document'} `,
+            on => <MdTouchApp /> // 'eye'
+        );
+    }
+
     @computed get fitContentButton() {
         return this.propertyToggleBtn(
             on => (on ? 'PREVIOUS VIEW' : 'VIEW ALL'), //'View All',
@@ -512,6 +522,7 @@ export class PropertiesButtons extends React.Component<{}, {}> {
                 {toggle(this.layout_fitWidthButton)}
                 {/* {toggle(this.freezeThumb)} */}
                 {toggle(this.forceActiveButton)}
+                {toggle(this.verticalAlignButton, { display: !isText ? 'none' : '' })}
                 {toggle(this.fitContentButton, { display: !isFreeForm && !isMap ? 'none' : '' })}
                 {/* {toggle(this.isLightboxButton, { display: !isFreeForm && !isMap ? 'none' : '' })} */}
                 {toggle(this.layout_autoHeightButton, { display: !isText && !isStacking && !isTree ? 'none' : '' })}