Responsive forum/groups discussions layout for mobile

[nekohayo]

Most of the BeWelcome website uses responsive CSS to adapt to mobile screens, but in group discussion threads (like this) it could go a little bit further to be compatible with smartphone screens.

It currently shows as two columns:

• One containing the user avatar, nickname, location, "Report to moderator" and "Permalink"
• One containing the actual contents

It would be better if those were shown as two rows, and in the first row have the text lines combined to use less vertical space. For example, the text could continue to wrap around the avatar, but it should be kept to three lines maximum by combining the two location lines and the two action lines. So instead of:

##### the_username
##### Istanbul
##### Turkey
Report to moderator
Permalink

It would look like

##### the_username
##### Istanbul, Turkey
##### Report to moderator // Permalink

(but arguably the permalink action is not really relevant on mobile, too)

[thisismeonmounteverest]

@nekohayo Please check on beta if you are in favor of the new layout. If so, add your voice in this thread: https://www.bewelcome.org/group/62/forum/s25147-Something_to_test___forum_thread_display/reply