Fixed padding and aligned for editor in readonly mode

2017-07-16 14:50:34 -07:00
parent 3b2ad193d5
commit 306e81a731
3 changed files with 16 additions and 26 deletions
--- a/frontend/components/Editor/Editor.js
+++ b/frontend/components/Editor/Editor.js
@ -204,8 +204,10 @@ type KeyData = {
            onSave={this.props.onSave}
            readOnly={this.props.readOnly}
          />
-          {!this.props.readOnly &&
-            <ClickablePadding onClick={this.focusAtEnd} grow />}
+          <ClickablePadding
+            onClick={!this.props.readOnly ? this.focusAtEnd : undefined}
+            grow
+          />
        </MaxWidth>
      </Flex>
    );
@ -225,6 +227,7 @@ const HeaderContainer = styled(Flex).attrs({
  align: 'flex-end',
 })`
  height: 100px;
+  flex-shrink: 0;
  ${({ readOnly }) => !readOnly && 'cursor: text;'}
 `;