From 00ad0f051f5c79c6e5205a2a8bb925fa99f65460 Mon Sep 17 00:00:00 2001
From: Cameron <cclarkjh@gmail.com>
Date: Mon, 31 Aug 2020 16:28:00 +0100
Subject: [PATCH 1/2] Fix listview for small screens

Hide secondary media info to improve listview on smaller screen sizes
---
 src/components/listview/listview.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/listview/listview.css b/src/components/listview/listview.css
index 1e485a80ed..edb8a1a97a 100644
--- a/src/components/listview/listview.css
+++ b/src/components/listview/listview.css
@@ -185,6 +185,10 @@
     .listItemBody {
         padding-right: 0.5em;
     }
+
+    .listItemMediaInfo {
+        display: none;
+    }
 }
 
 .listItemImage-large-tv {

From f4491c66c30fd5f803e78a79c7832c2d6bfdac71 Mon Sep 17 00:00:00 2001
From: Cameron <cclarkjh@gmail.com>
Date: Mon, 31 Aug 2020 16:28:05 +0100
Subject: [PATCH 2/2] Hide image on even smaller screens

data-type is added to keep images for music playlists

This reverts commit 0982c15c3c670a19214c8b0d97b801f6ab7ea547.
---
 src/components/listview/listview.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/listview/listview.css b/src/components/listview/listview.css
index edb8a1a97a..063eb74de5 100644
--- a/src/components/listview/listview.css
+++ b/src/components/listview/listview.css
@@ -191,6 +191,13 @@
     }
 }
 
+@media all and (max-width: 40em) {
+    [data-type='Movie'] .listItemImage,
+    [data-type='Series'] .listItemImage {
+        display: none;
+    }
+}
+
 .listItemImage-large-tv {
     width: 30vw !important;
     height: 20vw !important;