get channel media info at runtime

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;
-}*/

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 {