Finish compliance with Material Design

[MeoMix]

Streamus' implementation of material design is not fully compliant. I'm sure there's more to do than just this list, but this would be a good start:

• Progress sliders are not Material at all.
• The left nav drawer is not implemented correctly (should cover app bar)
• No dialogs show title bar, but some should.
• Search bar should look like Google Inbox's

Here's the material design spec: http://www.google.com/design/spec/material-design/introduction.html

Search Feedback

Here's my input:

1. When user clicks the Streamus icon, autofocus the search box and give it maybe some more visual precedence and/or a very subtle pulsing animation to make it obvious it is focused. It may seem weird at first, but the two use cases I see are:

   • Click streamus -> click on a button like 'play', 'pause', 'next', 'volume', etc. (which would unfocus the search box anyway)
   • Click streamus -> click on search, type something

   I don't see any reason not to assume the user will be searching off the bat as you could collapse the search box if they click a button other than the search icon/input. Aesthetically, I love the animation idea you have with sliding the magnifying glass, but my favorite thing about Streamus is the speed of use. Personally, I would gladly trade off some satisfying animations in order to save clicks or keystrokes.

2. When search input is opened and nothing is typed, show the 'X' icon and let it behave as it does now... but if the user has entered anything, replace the 'X' with an eraser icon.

   • If the eraser icon is shown and the user hits the ESC key, clear the text and show the 'X' icon.
   • If the eraser icon is shown and the user manually removes the search (ctrl-a, backspace, etc), then hide the eraser and show the 'X' again with current behavior.

I've been using it very heavily for the past week or two and it is amazing. Hands down my favorite music streaming software I have ever used. <3 Thanks for all your work.