diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css index e505e1414..b14b8856d 100644 --- a/dashboard-ui/css/card.css +++ b/dashboard-ui/css/card.css @@ -693,32 +693,3 @@ width: 16.666666666666666666666666666667%; } } - -/*.touch .mobileItemsContainer { - white-space: nowrap; - overflow-y: hidden; - overflow-x: scroll; - -ms-overflow-style: none; - overflow: -moz-scrollbars-none; -} - -.touch .mobileItemsContainer::-webkit-scrollbar { - height: 0 !important; - display: none; -} - -.touch .mobileItemsContainer .card { - width: 80%; -} - -.touch .mobileItemsContainer .homePageBackdropCard, .touch .mobileItemsContainer .homePageSmallBackdropCard { - max-width: 320px; -} - -.touch .mobileItemsContainer .homePagePortraitCard { - max-width: 150px; -} - -.touch .mobileItemsContainer .homePageSquareCard { - max-width: 200px; -}*/ diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 1bc29e6cb..83665956c 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -107,6 +107,14 @@ } } +@media all and (min-width: 600px) { + + .itemsContainer:not(.fullWidthItemsContainer):not(.smallItemsContainer) { + padding: 0 1em; + margin-right: 10px; + } +} + @media all and (min-width: 1200px) { .ehsContent { @@ -907,6 +915,7 @@ a.itemTag:hover { .itemsContainer { text-align: center; + margin: 0 auto; } .timelineItemsContainer { diff --git a/dashboard-ui/livetvsuggested.html b/dashboard-ui/livetvsuggested.html index c334cce59..320764608 100644 --- a/dashboard-ui/livetvsuggested.html +++ b/dashboard-ui/livetvsuggested.html @@ -17,12 +17,12 @@

${HeaderWhatsOnTV}

-
+

${HeaderUpcomingTV}

-
+

diff --git a/dashboard-ui/moviesrecommended.html b/dashboard-ui/moviesrecommended.html index 2334408ed..d1032d4bc 100644 --- a/dashboard-ui/moviesrecommended.html +++ b/dashboard-ui/moviesrecommended.html @@ -22,7 +22,7 @@