説明
our comment form doesn't look good on small screens.
This is the form for the one not logged in:
It doesn't look too bad but feels unnecessary heavy. First of all, we can get rid of the "Sort by" label and make the sorting value not that bold. Second, we may remove "Styling with Markdown is supported" line on such small screens. Probably these two changes could make the form lighter and better looking. See also #732
However, for the logged-in user, the form is much worse:
My suggestions here:
- remove all "You logged in as" thing and keep just the user name
- Move "Logout" to the dropdown under the user name
- change "Subscribe by RSS" by "Subscribe" and have RSS as one more item in this dropbox. this probably will move subscribe control to the same line as buttons
And this is the screen for the admin:
I'm not sure what the right place for "show settings" and "disable comments", but first of all it seems like "disable comments" can be an item on "show settings" view. The "show settings" itself probably can be replaced just by "settings" (or an icon?) and be on the same line as others.
Hopefully, all of this is not a big deal for the frontend and could make the mobile experience less miserable without much effort
P.S. I'm not even sure if we want to have the toolbar visible on a small screen. This is debatable, but my general impression - it is too heavy for the mobile phone screens.
cc @akellbl4 @Mavrin