[dreamwidth/dw-free] 940bd0: Quickreply: Re-redesign to reduce annoyances

[github]

Branch: refs/heads/master
Home: https://github.com/dreamwidth/dw-free
Commit: 940bd0c27269a00eb31e8872b6fb44d4b1dd7e0c
https://github.com/dreamwidth/dw-free/commit/940bd0c27269a00eb31e8872b6fb44d4b1dd7e0c
Author: Nick Fagerlund <nick.fagerlund@gmail.com>
Date: 2019-06-23 (Sun, 23 Jun 2019)

Changed paths:
M htdocs/scss/components/quick-reply.scss
M views/journal/quickreply.tt

Log Message:
-----------
Quickreply: Re-redesign to reduce annoyances

- The "click icon to browse" behavior came from the quicker-reply form, but
apparently no one ever understood how to use it! Discard it and bring back
the browse button.
- Remove prefixes for flexbox styles; it's 2019.
- Always put subject field on its own line, instead of combined with userpic
dropdown. Saving space like this wasn't popular, and added complexity.
- Move browse and random button up next to the userpic dropdown. There's not
currently a good way to make everything line up square if we're doing this, so
go ahead and embrace the ragged-right margin for the time being. Function over
form. 🤘🏼
- Don't set a base font-size for anything except the icon controls, until it's
necessary to avoid woodchuck zoom. This got very nasty due to some wild
interactions between Android browser font boosts, unexpected user-agent styles
for textareas (did you know they often default to 13px font size when other
things default to 16px? did you know selects and buttons often default to
something more like 11px? buddy, SAME), and the brittle inherited styles on
the site-scheme entry pages. So try going hands-off as much as possible, and
see what still needs fixing after that.
- Increase the max-width on desktop, since some people found it too small.