Minor UI improvements

* EpisodePage and FilmPage are now based off VideoPage, since they share a
lot of components in common.
* The overlay over the thumbnail in PlayToolbar is less obtrusive
* Cover shows now the title of the item, and total play time, if
  applicable
* The resume playing section forces all delegates to be square.
* The Season page now uses a ListView instead of a ColumnView.

qml/cover/PosterCover.qml

@@ -23,6 +23,7 @@ import Sailfish.Silica 1.0
 import nl.netsoj.chris.Jellyfin 1.0
 
 import "../components"
+import ".."
 
 CoverBackground {
     property var mData: appWindow.itemData
@@ -34,4 +35,52 @@ CoverBackground {
         fillMode: Image.PreserveAspectCrop
     }
 
+    Shim {
+        // Movies usually show their name on the poster,
+        // so showing it here as well is a bit double
+        visible: itemData.Type !== "Movie"
+        anchors {
+            left: parent.left
+            right: parent.right
+            top: parent.top
+        }
+        upsideDown: true
+        height: parent.height / 2
+
+        Rectangle {
+            anchors {
+                top: parent.top
+                left: parent.left
+            }
+            width: itemData.UserData.PlayedPercentage / 100 * parent.width
+            height: Theme.paddingSmall
+            color: Theme.highlightColor
+        }
+
+        Column {
+            id: infoColumn
+            anchors {
+                top: parent.top
+                left: parent.left
+                right: parent.right
+            }
+            anchors.margins: Theme.paddingMedium
+            Label {
+                id: itemName
+                anchors {
+                    left: parent.left
+                    right: parent.right
+                }
+                color: Theme.primaryColor
+                text: itemData.Name
+                truncationMode: TruncationMode.Fade
+            }
+            Label {
+                visible: typeof itemData.RunTimeTicks !== "undefined"
+                color: Theme.secondaryColor
+                text: Utils.ticksToText(itemData.RunTimeTicks)
+            }
+        }
+    }
+
 }

qml/cover/VideoCover.qml

@@ -50,6 +50,15 @@ CoverBackground {
         fillMode: Image.PreserveAspectCrop
     }
 
+    Shim {
+        anchors {
+            left: parent.left
+            bottom: parent.bottom
+            right: parent.right
+        }
+        height: Theme.iconSizeLarge
+    }
+
     CoverActionList {
         CoverAction {
             id: playPause