Make left-hand side UI of details pages more intuitive

[Ventrella]

On the left-hand side of all the details pages on archive.org is a smallish box that says something like "Listen to Audio", or "Download Item", or "View Movie" (depending on the mediatype). The UI is not intuitive. It is not immediately clear (how) to view or download the item, and there doesn't seem to be a consistent format across items. Terms like "DOC", and "All Files: HTTP", are not informative, and there needs to be a clearer distinction between the kinds of UI elements.

The purpose of this UI fix is to make the affordance clear to the user, so that there is one unambiguous button (or image, or text link) to download/view/listen to the item, and to provide a clearer link to see "all files". For known file types, it would be good to have familiar icons or at least more info.

This is not a straightforward design task because the information is different between mediatypes, and the amount and kind of information appears to vary from item to item.

If I can tweak a bit of html, js, and css directly, I'd like to try and see what low-hanging fruit I can pick. Maybe I'll do a first-pass just to tidy-up the layout, and then take it from there.
-j