UI papercuts

[bertob]

A few minor UI issues I came across testing the app

• The icon and text should be centered together on the empty state buttons
• All button labels should use title case
• I'd maybe make the "take a shot" label more explicit, "shot" is a bit vague. How about "Take a Screenshot" or "New Scan"?

• The action bar should have a divider line above
• The buttons in the action bar should not be raised, i.e. have no background unless hovered/active
• The "take a shot" button should probably have the .suggested-action class

• The "Configure" menu item could be more explicit, e.g. "Manage Languages"

[jannuary]

While we're at it, the Language list is quite ugly, and the scrollbar is in the wrong spot:

I'd remove the padding from the main box, putting it on the list instead, set selection-mode: none on it, make the download buttons the activatable widgets and used AdwClampScrollable instead of AdwClamp. In addition, .flat isn't really supposed to be used with scrolled views so it intersects the list nastily.

[amka]

@jannuary Your idea is a good one. But I have to mention this window will be totally redesigned in near future. I'll split installed and available languages, and add more options to configure.

[amka]

@bertob Thank you! I hope most of the point were fixed in 1.1.0 release.

[bertob]

Nice, yeah the points from the original issue all look fixed to me!

I agree with @jannuary's suggestions about the language dialog, but maybe that should be a separate issue if it'll be redesigned soon?

[amka]

Yep, since you think your issue is done, I'll move this one to its own issue and plan it for the next release.