enable additional css containment

dashboard-ui/css/card.css

@@ -2,12 +2,23 @@
     display: inline-block;
     text-align: left;
     position: relative;
+    contain: style;
 }
 
-iron-list .card {
-    display: block;
+/*.itemsContainer .card {
+    contain: layout style;
 }
 
+.itemsContainer {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+    .itemsContainer.smoothScrollX, .itemsContainer.hiddenScrollX {
+        display: block;
+    }*/
+
 .card, .card a {
     text-decoration: none;
     font-weight: 400 !important;

dashboard-ui/css/librarybrowser.css

@@ -62,6 +62,10 @@
     padding-bottom: 0;
 }
 
+.pageTabContent {
+    contain: style;
+}
+
 .pageWithAbsoluteTabs .pageTabContent, .libraryPage > .ui-content {
     padding-top: 10px;
 }
@@ -1166,13 +1170,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     }
 }
 
-@media all and (min-height: 480px) and (max-width: 800px) {
-
-    .absolutePageTabContent .itemsContainerWithAlphaPicker iron-list {
-        width: 99.5% !important;
-    }
-}
-
 @media all and (min-height: 500px) {
 
     .alphabetPicker {