I like the contemporary design. It’s optimal for handy in portait or a standard display in landscape. But the 7" Raspberry original display is landscape with 400 pixel high, or rotate your handy to landscape - hm… and you see nothing optimal.
So I have make a little bit reverse engineering to optimize the css stylesheet for Contemporary design. I have not the environment to change the original website. The result is just a suggestion to optimize the original. The advantage is, you can use the same Contemporary in portrait mode on your phone and landscape on your small display.
To change the stylesheet I have copy the /volumio/http/www3/styles/app-313de2febe.css to local and unminimized the file for read and understand. All my changes are comment with /* ----- and to find.
The changes are only for small landscape resolutions.
- now play view with big albumart and player controls on the right side
- library view with smaller footer smaller header and smaller player bar
- the flexgrid for show albumarts a little bit smaller to show five covers instead 4 side by side.
here you see the result:
To test you can use my changed css file:
app-313de2febe.zip (39.1 KB)
Please check the volumio version befor you replace the file and backup the original.
The used Version is 2.861
The result you see with your phone (switch from portrait to landscape) or on a 7" Raspberry display
Now you cant try