Updated max lines of status content

Improving visibility

app/javascript/gabsocial/components/status_content.js

@@ -7,7 +7,7 @@ import Permalink from './permalink';
 import classnames from 'classnames';
 import Icon from 'gabsocial/components/icon';
 
-const MAX_HEIGHT = 642; // 20px * 32 (+ 2px padding at the top)
+const MAX_HEIGHT = 200;
 
 export default class StatusContent extends React.PureComponent {
 

app/javascript/gabsocial/components/status_quote.js

@@ -7,36 +7,37 @@ import { connect } from 'react-redux';
 import { NavLink } from 'react-router-dom';
 
 const mapStateToProps = (state, { id }) => ({
-    status: state.getIn(['statuses', id]),
-    account: state.getIn(['accounts', state.getIn(['statuses', id, 'account'])]),
+  status: state.getIn(['statuses', id]),
+  account: state.getIn(['accounts', state.getIn(['statuses', id, 'account'])]),
 });
 
 @connect(mapStateToProps)
 export default class StatusQuote extends React.PureComponent {
 
-    static contextTypes = {
-      router: PropTypes.object,
-    };
-  
-    static propTypes = {
-      status: ImmutablePropTypes.map.isRequired,
-    };
+  static contextTypes = {
+    router: PropTypes.object,
+  };
 
-    render() {
-        const { status, account } = this.props;
+  static propTypes = {
+    status: ImmutablePropTypes.map.isRequired,
+  };
 
-        const statusUrl = `/${account.get('acct')}/posts/${status.get('id')}`;
+  render() {
+    const { status, account } = this.props;
 
-        return (
-            <NavLink to={statusUrl} className="status__quote">
-                <DisplayName account={account} />
+    const statusUrl = `/${account.get('acct')}/posts/${status.get('id')}`;
 
-                <StatusContent
-                status={status}
-                expanded={false}
-                />
-            </NavLink>
-        );
-    }
+    return (
+      <NavLink to={statusUrl} className="status__quote">
+        <DisplayName account={account} />
+        <StatusContent
+          status={status}
+          expanded={false}
+          onClick
+          collapsable
+        />
+      </NavLink>
+    );
+  }
 
 }

app/javascript/styles/gabsocial/components.scss

@@ -428,7 +428,7 @@
 }
 
 .status__content.status__content--collapsed {
-	max-height: 20px * 15; // 15 lines is roughly above 500 characters
+	max-height: 20px * 10; // 10 lines x 20px per line of text
 }
 
 .status__content__read-more-button {