MutopiaProject / MutopiaWeb

MutopiaProject site evolution to HTML5
3 stars 7 forks source link

Request: left-aligned preview images #86

Open dominicus opened 8 years ago

dominicus commented 8 years ago

Since titles are now left-aligned, it may look better to also align preview images on piece-info pages to the left, so they land below the piece title on piece-info pages. See sample http://www.mutopiaproject.org/cgibin/piece-info.cgi?id=640

image

chrissawer commented 7 years ago

I have implemented this (by accident) when adding SVG preview images. It can currently be seen on one piece only - The Entertainer: http://www.mutopiaproject.org/cgibin/piece-info.cgi?id=263 I think my personal preference however is to leave them centered. What do other people think? I'm happy to go with the majority.

glenl commented 7 years ago

While we have centered tabular data, I would prefer centered images. I'm not sure the tabular format works for this kind of data presentation --- the columns don't mean anything that I can discern. If we ever switch to simple left-aligned data then a left-aligned preview image would be appropriate.

dominicus commented 7 years ago

The top menu, logo, and title look nice left-aligned, but I find the later switch to centered preview creates an unexpected visual jog and white space under the title.

image

Re-arranging the piece information would be a further improvement. The download links could come sooner...and icons might give good visual cues and help those on tablets or smaller screens: image

For general info fields, a left-aligned list would work better than the dual-column table: image

chrissawer commented 7 years ago

I have put the image back to centered for now in mutopia.css for both PNG and SVG previews - but happy for the discussion to continue and changes to be made if consensus can be reached.