diff --git a/dashboard-ui/channelitems.html b/dashboard-ui/channelitems.html
index da19708df8..cdea9f0fa7 100644
--- a/dashboard-ui/channelitems.html
+++ b/dashboard-ui/channelitems.html
@@ -28,7 +28,7 @@
diff --git a/dashboard-ui/css/posteritem.css b/dashboard-ui/css/posteritem.css
index d861ceaa3e..da3e649eb8 100644
--- a/dashboard-ui/css/posteritem.css
+++ b/dashboard-ui/css/posteritem.css
@@ -128,14 +128,6 @@
}
-.backdropPosterItem {
- width: 148px;
-}
-
- .backdropPosterItem .posterItemImage {
- height: 83.25px;
- }
-
.myLibraryPosterItem {
width: 148px;
}
@@ -180,12 +172,20 @@
background-color: rgba(255, 233, 127, 0.5);
}
+.backdropPosterItem {
+ width: 128px;
+}
+
+ .backdropPosterItem .posterItemImage {
+ height: 72px;
+ }
+
.smallBackdropPosterItem {
- width: 157px;
+ width: 120px;
}
.smallBackdropPosterItem .posterItemImage {
- height: 88.3125px;
+ height: 67.5px;
}
.portraitPosterItem {
@@ -254,6 +254,25 @@
}
}
+@media all and (min-width: 360px) {
+
+ .backdropPosterItem {
+ width: 148px;
+ }
+
+ .backdropPosterItem .posterItemImage {
+ height: 83.25px;
+ }
+
+ .smallBackdropPosterItem {
+ width: 157px;
+ }
+
+ .smallBackdropPosterItem .posterItemImage {
+ height: 88.3125px;
+ }
+}
+
@media all and (min-width: 540px) {
.backdropPosterItem {
diff --git a/dashboard-ui/livetvchannels.html b/dashboard-ui/livetvchannels.html
index f47d512d3c..df4119d232 100644
--- a/dashboard-ui/livetvchannels.html
+++ b/dashboard-ui/livetvchannels.html
@@ -15,11 +15,39 @@
+
+
+
+
+