Fix the gutter spacing in the PLAYLISTS section of the Web Player

Reply

Fix the gutter spacing in the PLAYLISTS section of the Web Player

hydra92681
Regular

First I really like the UX for your web player so I'm not knocking it, though I do have suggestions for the PLAYLISTS section.

 

Here's what it looks like now. Notice all the wasted gutter space.

http://screencast.com/t/4UzNKYf8Qq9G

 

Here's what it looks like when you remove the gutter spacing...

http://screencast.com/t/MEn8ivKdP

 

I see your UX developers use Bootstrap for the responsive framework. Bootstrap is awesome but it has quirks. First and foremost is the full-height class. It has a hard coded max-width of 1330px; which doesn't make any sense.

 

http://screencast.com/t/4pPGwTxg

 

I recommend removing the full-height class since, as an iframe, this will inherit the parent container's width while remaining responsive. Next, I would change the grid layout. Change the pf-nav container to col-lg-2 and pf-playlist-view container to col-lg-10.

 

http://screencast.com/t/qQFJbB9Z

 

These small changes will make the UX much easier for those of us who want the UI to take up the entire space.

 

 

0 Replies
SUGGESTED POSTS