Adjust positions of grid UI elements

[linetrimmer]

Changes

• Moves the toolbar to below the clock
• Slightly decreases the margins of the NowPlayingBug
• Matches the end margin of the item count with the start margin of the status text
• Moves the item count down 2sp

Screenshots (Before/After)

No clock, no now playing

With clock, no now playing

No clock, with now playing

With clock, with now playing

counter/statusText

Issues
Fixes #1097

[thornbill]

Personally I'm not a fan of the position change of the filter toolbar for a couple reasons:

• The filter buttons take up a lot of space that interferes with long titles.
• It highlights the inconsistent handling of the user avatar. (Currently it is selectable on the home screen but not other screens.)

Otherwise the screen shots of the alignment fixes look great!

[linetrimmer]

Swapped the toolbar and NowPlayingBug positions and reverted the toolbar size change:

Screenshots (Take 1 / Take 2)

No clock, no now playing

With clock, no now playing

No clock, with now playing

With clock, with now playing

[MrChip53]

Oh yes I do actually like this second version more. What if the now playing bug is inline with the toolbar, positioned after the tool bar though? This would allow the title the most room I think while also not extending the header bar itself too far down. What do you think about the now playing bug @thornbill? I think it's position in version 2 here is bad but overall version 2 is better than 1.

[thornbill]

I really like the second take on this! I'm sure we'll make some additional changes to the now playing stuff in the future, but I think this is great for 0.12.

One tiny thing I noticed is I think there could be slightly more padding between the two rows. They feel just a bit too close together.

[linetrimmer]

Moved the toolbar down 4dp and the info row down 2dp. I kept going back and forth between 3dp/4dp and 1dp/2dp, so let me know if either of them is too far down (or not enough)

Take 2 / Take 3

---

What if the now playing bug is inline with the toolbar, positioned after the tool bar though?

I couldn't get the now playing bug to go after the toolbar since the toolbar doesn't have a reference point for layout_toStartOf when the bug is gone (that's not to say it can't be done though :p). Putting the bug before the toolbar looks fine, but it overlaps with the title when the focus is on it and it's below a "y" or "g". Moving the bug down to accommodate that didn't look good imo.

Now playing inline with toolbar

[nielsvanvelzen]

I've noticed the now playing bug is positioned wrongly in the "smart screens" and I suspect it's caused by this PR.

[linetrimmer]

I've noticed the now playing bug is positioned wrongly in the "smart screens" and I suspect it's caused by this PR.

I just compared this branch to master from before this PR was merged, and the now playing bug is in the same position in the smart screens.

This is what it looks like for me on the smart screens before and after this PR:

Smart screen (before/after)

IIRC the smart screens use the enchanced_detail_browse layout, so they wouldn't be affected by this PR.

[nielsvanvelzen]

I guess it only became noticeable after this PR then haha

[thornbill]

I noticed this but I think we can just remove the second line there since it's not displayed on the other screens. 🤷‍♂️