ENYO-2501: fix size typos in display definition
ENYO-2517: fix indentation
ENYO-2517: rework left panel to clarify DPR effects on screen size
ENYO-2517: Fix Ipad2 resolution
ENYO-2517: Ipad resolution is expressed in landscape mode
ENYO-2517: reorg left panel to be more clear about device and screen resolution
ENYO-2517: check screen size and requested aspect to decide to swap or not

this enable the device resolution to be expressed in portrait
or in landscape mode
ENYO-2517: do not include border is preview screen size

Done by removing enyo-border-box class from the iframe.
This put back box-sizing back to default 'content-box' instead of
'border-box')

So, width and height are applied without including border.
ENYO-2517: added smooth transition (Thanks ulysse)
Merge pull request #342 from enyojs/ENYO-2517

Enyo 2517: Clarified and fixed preview screen size