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

@@ -30,10 +30,11 @@ export default class StatusQuote extends React.PureComponent {
     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 {