Updated the example so that it adapts to the orientation change

The example was using a Row type to present the visual items, which is
changed to Flow type now, so that the items are rearranged based on the
orientation change on a Mobile device.

Task-number: QTBUG-37203
Change-Id: I990f77a87c409b623a7fe4495d74206a1ca2e1c7
Reviewed-by: Mitch Curtis <mitch.curtis@digia.com>