[FEATURE] GUI improvments

qml/components/StationDelegate.qml

@@ -8,15 +8,9 @@ ListItem {
     property string stationCurrent: ""
     property bool isPlaying: false
 
+    width: parent.width
     contentHeight: Theme.itemSizeLarge
 
-    anchors {
-         left: parent.left
-         leftMargin: Theme.horizontalPageMargin
-         right: parent.right
-         rightMargin: Theme.horizontalPageMargin
-     }
-
     Rectangle {
         color: isPlaying ? Theme.primaryColor : "transparent"
         opacity: 0.1
@@ -24,7 +18,8 @@ ListItem {
     }
 
     Row {
-        spacing: Theme.paddingLarge
+        anchors.fill: parent
+        spacing: Theme.paddingMedium
 
         Image {
             id: image
@@ -34,18 +29,19 @@ ListItem {
             fillMode: Image.PreserveAspectFit
             cache: true
 
-            height: Theme.iconSizeLarge
-            width: Theme.iconSizeLarge
-            sourceSize.height: Theme.iconSizeLarge
             sourceSize.width: Theme.iconSizeLarge
+            sourceSize.height: Theme.iconSizeLarge
+            height: parent.height
+            width: height
         }
 
         Column {
-            width: parent.width - image.width - Theme.paddingLarge
             height: parent.height
-            spacing: -Theme.paddingSmall
+            width: parent.width - x - parent.leftPadding
 
             Label {
+                width: parent.width
+                truncationMode: TruncationMode.Fade
                 text: stationTitle
             }
 

qml/components/audioplayer/DockedAudioPlayerForm.ui.qml

@@ -34,16 +34,13 @@ Item {
     Row {
         id: quickControlsItem
         anchors.fill: parent
-        spacing: Theme.paddingLarge
-        anchors.leftMargin: Theme.horizontalPageMargin
-        anchors.rightMargin: Theme.horizontalPageMargin
-        anchors.topMargin: hightPadding
-        anchors.bottomMargin: hightPadding
+        spacing: Theme.paddingMedium
 
         Image {
             id: stationThumbnail
             height: parent.height
             width: parent.height
+            anchors.bottomMargin: Theme.paddingSmall
 
             source: app.stationData ? app.stationData.stationLogo : ""
             smooth: true
@@ -85,6 +82,7 @@ Item {
                     isPlaying: player.isPlaying
                     isStared: player.isFavorite
                     anchors.fill: parent
+                    anchors.bottomMargin: Theme.paddingSmall
                 }
             }
         }

qml/components/audioplayer/DockedAudioPlayerSmallForm.ui.qml

@@ -29,16 +29,14 @@ Item {
     Row {
         id: quickControlsItem
         anchors.fill: parent
-        spacing: Theme.paddingLarge
-        anchors.leftMargin: Theme.horizontalPageMargin
-        anchors.rightMargin: Theme.horizontalPageMargin
-        anchors.topMargin: hightPadding
-        anchors.bottomMargin: hightPadding
+        spacing: Theme.paddingMedium
 
         Image {
             id: stationThumbnail
-            height: parent.height
-            width: parent.height
+            anchors.top: parent.top
+            anchors.bottom: parent.bottom
+            anchors.bottomMargin: Theme.paddingSmall
+            width: height
 
             source: app.stationData ? app.stationData.stationLogo : ""
             smooth: true

qml/components/audioplayer/StationInfoLabel.qml

@@ -13,7 +13,7 @@ Column {
         color: Theme.highlightColor
         font.pixelSize: Theme.fontSizeSmall
         horizontalAlignment: Text.AlignLeft
-        verticalAlignment: Text.AlignTop
+        verticalAlignment: Text.AlignBottom
         truncationMode: TruncationMode.Fade
         visible: text != ""
 
@@ -26,6 +26,7 @@ Column {
         color: Theme.secondaryColor
         font.pixelSize: Theme.fontSizeExtraSmall
         horizontalAlignment: Text.AlignLeft
+        verticalAlignment: Text.AlignTop
         truncationMode: TruncationMode.Fade
 
         width: parent.width

qml/harbour-received.qml

@@ -33,10 +33,8 @@ ApplicationWindow
         id: player
     }
 
-    BusyIndicator {
-        anchors.centerIn: parent
+    PageBusyIndicator {
         running: loading
-        z: 1
     }
 
     RadioAPI {

qml/pages/BrowsePageForm.ui.qml

@@ -34,7 +34,10 @@ Page {
 
         delegate: ListItem {
             id: listItem
-            width: parent.width
+            anchors.left: parent.left
+            anchors.leftMargin: Theme.paddingMedium
+            anchors.right: parent.right
+            anchors.rightMargin: Theme.paddingMedium
             contentHeight: Theme.itemSizeSmall
 
             Label {
@@ -42,8 +45,6 @@ Page {
                 font.bold: true
                 color: Theme.primaryColor;
                 anchors.fill: parent
-                anchors.leftMargin: 25
-                anchors.topMargin: 7
             }
 
             Connections {

qml/pages/FavoritesPageForm.ui.qml

 import QtQuick 2.6
 import Sailfish.Silica 1.0
 import "../components/"
-import "../components/contextmenus"
+import "../components/contextmenus" as ContextMenu
 
 
 Page {
@@ -19,7 +19,9 @@ Page {
     SilicaListView {
         id: favoritesListView
         VerticalScrollDecorator { flickable: favoritesListView }
+
         anchors.fill: parent
+        spacing: Theme.paddingMedium
 
         NavigationMenu {
             id: navigationMenu
@@ -44,14 +46,17 @@ Page {
 
         delegate: StationDelegate {
             id: favoritItem
-            width: parent.width
+            anchors.left: parent.left
+            anchors.leftMargin: Theme.paddingMedium
+            anchors.right: parent.right
+            anchors.rightMargin: Theme.paddingMedium
 
             stationThumbnail: stationLogo
             stationTitle: name
             stationInfo: qsTr("From ") + country + ": " + genre
             isPlaying: app.stationData !== undefined && app.stationData.url === url
 
-            menu: FavoritesListContextMenu {
+            menu: ContextMenu.FavoritesListContextMenu {
                 id: contextMenu
             }
 

qml/pages/StationsPageForm.ui.qml

@@ -21,10 +21,11 @@ Page {
     property string value: ""
 
     SilicaListView {
-        spacing: Theme.paddingMedium
         id: stationListView
         VerticalScrollDecorator { flickable: stationListView }
+
         anchors.fill: parent
+        spacing: Theme.paddingMedium
 
         NavigationMenu {
             id: navigationMenu
@@ -55,7 +56,11 @@ Page {
 
         delegate: StationDelegate {
             id: stationItem
-            width: parent.width
+            anchors.left: parent.left
+            anchors.leftMargin: Theme.paddingMedium
+            anchors.right: parent.right
+            anchors.rightMargin: Theme.paddingMedium
+
             stationThumbnail: thumbnail
             stationTitle: name
             stationInfo: qsTr("From") + " " + country + ": " + genres