[DESIGN] Make player design space-saving and more responsive.

[vivi90]

Currently the player uses more space as it really needs (button labels and 'Now playing:' label). Also the current track name moves down, if it's too long, and breaks the design. Last but no least it's still not possible to move the whole music player with the playlist to another pane. I want to change all of this and will create a new branch for testing this changes.

[sdinesh86]

@vivi90 I can make some ui mockups for these, before we go writting some code

Any ideas of references you have in mind ?

[vivi90]

@sdinesh86 Nice idea. I really like to work with you and @UziTech :slightly_smiling_face:

My ideas:

• remove the "Now Playing:" label, because it's superfluous.
• update the button icons with more suitable icons (see: https://github.com/vivi90/mitsu/commit/971b853de97063a7c928b34372356999a66d5c9d and https://github.com/vivi90/mitsu/commit/81e1d0720aa0db406e7de9a7b4a46a0b1e442641)
• remove the button text and introducing mouse-over text hints instead to save space
• shorten the file current playing with ".." at the end (currently it breaks the design for too large filenames)
• introduce a small knob for the progress bar on mouse-over to make it easier to use
• make it possible to use the player at every pane.

What about plantUML wireframes for simple MockUps, because it's simple text?