Improve alignment and spacing of provider icon with label

Those icons drive me batty. Why are they even sprites, anyway? They aren't linked...

Here's a lame patch that crops the images with CSS and goes ahead and adds :hover positioning for these non-links.

If we don't want this, we should just change those images to not be sprites?

Why don't we get rid of the big provider icons all together and just use fav icons for each provider? We can also show each provider using a vertical accordion. When you click on a provider name it would expand to show the usage examples.

See #1494416: UX - Providers - List Usage Examples

Marked #1494416: UX - Providers - List Usage Examples and #1261396: 'Supported providers' list styling as duplicates.

I'd rather just use text for the providers at this point. This has been horribly broken for so long.

A patch to convert the display of providers into an unordered list of provider titles per #7.

I haven't removed 'image' from media_internet.api.php but that could be done if required.

Here's the code I had locally with a little bit cleaner output and removes the CSS from media.css. If we want to re-add it it should be going in media_internet.css and not the base CSS.

With the CSS removal.

With a nice class for each list item so that it can be styled by individual modules.

Here's how it looks with the patch in #11.

This would also make it possible to do something like this:

.media-internet-providers li.youtube {
  list-style-image: url(/sites/all/modules/media_youtube/images/youtube_16.png);
}

.media-internet-providers li.vimeo {
  list-style-image: url(/sites/all/modules/media_vimeo/images/vimeo_16.png);
}

which would look like:

Committed #11 to both branches:
http://drupalcode.org/project/media.git/commit/1abf00d
http://drupalcode.org/project/media.git/commit/6601dbe