Fix no-descending-specificity (CSS)

src/assets/css/librarybrowser.css

@@ -84,6 +84,22 @@
     display: none
 }
 
+.headerLeft,
+.headerRight {
+    justify-content: center;
+}
+
+.headerRight {
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: end;
+    -webkit-justify-content: flex-end;
+    justify-content: flex-end
+}
+
 .noHeaderRight .headerRight,
 .noHomeButtonHeader .headerHomeButton {
     display: none !important
@@ -164,17 +180,6 @@
     width: 100%
 }
 
-.headerRight {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-align-items: center;
-    align-items: center;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    justify-content: flex-end
-}
-
 .selectedMediaFolder {
     background-color: #f2f2f2 !important
 }
@@ -358,6 +363,11 @@
     margin: 0 0 .25em
 }
 
+.listTopPaging,
+.viewControls {
+    display: inline-block
+}
+
 .viewControls+.listTopPaging {
     margin-left: .5em !important
 }
@@ -445,15 +455,6 @@
     bottom: .75em
 }
 
-.layout-mobile .detailPagePrimaryContainer {
-    display: block;
-    position: relative;
-}
-
-.layout-tv .detailPagePrimaryContainer {
-    position: relative;
-}
-
 .detailPagePrimaryContainer {
     display: flex;
     align-items: center;
@@ -464,6 +465,15 @@
     z-index: 2;
 }
 
+.layout-mobile .detailPagePrimaryContainer {
+    display: block;
+    position: relative;
+}
+
+.layout-tv .detailPagePrimaryContainer {
+    position: relative;
+}
+
 .infoWrapper {
     flex: 1 0 0;
 }
@@ -483,11 +493,6 @@
     padding-right: 2%;
 }
 
-.layout-mobile .detailImageContainer,
-.layout-tv .detailImageContainer {
-    position: relative;
-}
-
 .detailImageContainer {
     margin: 1.25em 0;
     position: sticky;
@@ -496,6 +501,11 @@
     width: 22.786458333333332vw;
 }
 
+.layout-mobile .detailImageContainer,
+.layout-tv .detailImageContainer {
+    position: relative;
+}
+
 .detailPagePrimaryContent {
     position: relative;
     -webkit-box-flex: 1;
@@ -741,11 +751,6 @@
     }
 }
 
-.listTopPaging,
-.viewControls {
-    display: inline-block
-}
-
 @media all and (max-width:50em) {
     .editorMenuLink {
         display: none