Fix layout issuesmarlin

Fixes:
- Tweak the top image anchoring and scaling so it is not covered by
  the control bar.
- Tweak some item preferred heights to match the layout of the
  mediaplayer, and unify the control bar position in the two apps at
  a position closer to mid-screen.

Bug-AGL: SPEC-4444

Signed-off-by: Scott Murray <scott.murray@konsulko.com>
Change-Id: I4ed6e75ea5fccfda9482eec631779cb303e47a60

1 files changed, 8 insertions, 4 deletions

diff --git a/app/Radio.qml b/app/Radio.qml
index f2aa727..bd67c84 100644
--- a/app/Radio.qml
+++ b/app/Radio.qml
@@ -51,16 +51,19 @@ ApplicationWindow {
         Item {
             Layout.fillWidth: true
             Layout.fillHeight: true
-            Layout.preferredHeight: 3
+            Layout.preferredHeight: 1080
             clip: true
+
             Image {
+                anchors.top: parent.top
                 anchors.left: parent.left
                 anchors.right: parent.right
-                anchors.bottom: parent.bottom
-                fillMode: Image.PreserveAspectFit
+                anchors.bottom: controls.top
+                fillMode: Image.Stretch
                 source: './images/HMI_Radio_Equalizer.svg'
             }
             Item {
+                id: controls
                 anchors.left: parent.left
                 anchors.right: parent.right
                 anchors.bottom: parent.bottom
@@ -242,7 +245,8 @@ ApplicationWindow {
         Item {
             Layout.fillWidth: true
             Layout.fillHeight: true
-            Layout.preferredHeight: 2
+            Layout.preferredHeight: 480
+
             ListView {
                 anchors.fill: parent
                 anchors.leftMargin: 50