Improve collapsed styling

[alecmuffett]

Example from stacking a few collapses on Safari/Mac:

[alecmuffett]

Aside: this was also very confusing on Mobile as a new user, because I was not sure if the Reaction button related to the post above or the post below, and having controls for each so close together on a mobile screen was hard to tap without doing the wrong thing.

Perhaps all the controls for a post could go in a single line below the post?

[akirk]

I agree that the collapsed styling of status posts is not good and needs to be improved. It's just a few CSS modifications:

friends/templates/frontend/parts/content-status.php

Line 11 in 4d86d25

<article id="post-<?php the_ID(); ?>" <?php post_class( 'column col-8 col-sm-12 col-mx-auto' ); ?>>

vs

friends/templates/frontend/parts/content.php

Line 11 in 4d86d25

<article id="post-<?php the_ID(); ?>" <?php post_class( 'card column col-12' ); ?>>

Having the card class removed makes statusses appear lighter by removing "card box" but then also causes these problems.

[akirk]

I improved it in 2.6.0 with #220 and am continuing to iterate with upcoming #224. Happy to get your thoughts on these improvements.