Logo images look small in supported devices component

[miken-seam]

Issues:

• Logos images look smaller than some of the device images
• The device and logo images are the same dimensions, but some devices are cropped in a way that makes them seem smaller.
• In general, the device images used are inconsistently sized.
• In general, the device images are fairly low resolution 96x96

Solution:

• Device image: Use a source of device images where the images have been cropped so they are all optically balanced.
• Logos: Changing the design to use horizontal logos would help differentiate the logos from the devices. We have horizontal logos in dashboard, but not sure how many of those there are.

Modified header design:
I can do a modified header design using the horizontal logos that we used in the dashboard linked accounts page. https://dashboard.seam.co/linked-accounts

• But we will need to be able to ensure that there is a complete set of logos in the set.

So I'll assign myself this to do the modified design, but @sybohy one of the issues is the inconsistency of the device images (which are only 96x96 in this case). How can we create and maintain a single set of device images that are balanced optically?

cc @sybohy

[mikewuu]

@miken-seam @razor-x is there an updated design for this?

[razor-x]

@codetheweb Will the updates to the devicedb images solve this or help here?