Improve media displayed in widgets

[seadowg]

The goal is to incrementally improve the way media is displayed by starting with rounding the corners of images, adding icons, and tightening up how we display coordinates in the form entry. This is part of laying the building blocks for displaying media in the summary/ hierarchy view.

Design

• Images - round corners
• Video - thumbnail can be created with ThumnailUtils.createVideoThumbnail
• Clean up how we display coordinates - clean up the coordinates to make them easier to read (left align, remove lat/long titles) add icon. Note the image of the map isn't part of this story
• Barcode - add barcode icon
• Attached file - add file icon

Notes

When doing this we should build reusable components that render answer data (from an IAnswerData or from a FormEntryPrompt for example) that can be reused later in the hierarchy.

[alyblenkin]

@seadowg I've linked to the specific designs for each. I think the links are better because you can add comments and we can make changes to the designs without the static images becoming stale.