Adjust the pages design dynamically for narrow screens

Change-Id: I64a46ef883cd4d12848ba66b34a45d0916ac4796
Reviewed-by: Andrew Knight <andrew.knight@digia.com>