Correct the reverted changes that should be kept

src/assets/css/dashboard.css

@@ -1,5 +1,6 @@
 .dashboardColumn,
 .dashboardSections {
+    flex-direction: column;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal
 }
@@ -416,6 +417,7 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 a[data-role=button] {
+    background-clip: padding-box;
     -webkit-font-smoothing: antialiased;
     -webkit-user-select: none;
     -webkit-background-clip: padding-box;

src/assets/css/librarybrowser.css

@@ -488,9 +488,11 @@
 }
 
 .detailImageContainer {
-    width: 280px;
-    margin-right: 2em;
-    flex-shrink: 0;
+    margin: 1.25em 0;
+    position: sticky;
+    top: 15%;
+    float: left;
+    width: 22.786458333333332vw;
 }
 
 .detailPagePrimaryContent {
@@ -504,8 +506,8 @@
     width: 25em;
     height: 9.375em;
     position: absolute;
-    top: 13.5%;
-    right: 19.5%;
+    top: 14.5%;
+    right: 10.5%;
     -webkit-background-size: contain;
     background-size: contain
 }
@@ -535,13 +537,9 @@
 }
 
 .itemDetailImage {
-    width: 100%;
+    width: 100% !important;
+    box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
     -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
-    box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37)
-}
-
-.thumbDetailImageContainer {
-    width: 400px
 }
 
 @media all and (max-width:62.5em) {
@@ -554,19 +552,6 @@
     }
 }
 
-@media all and (min-width:62.5em) {
-    .itemBackdrop {
-        display: none
-    }
-
-    .detailPagePrimaryContainer {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: flex;
-        margin-bottom: 3em
-    }
-}
-
 @media all and (max-width:75em) {
     .lnkSibling {
         display: none !important
@@ -621,6 +606,7 @@
 
 .detailButton-mobile,
 .mainDetailButtons {
+    display: flex;
     display: -webkit-box;
     display: -webkit-flex
 }

src/assets/css/scrollstyles.css

@@ -11,8 +11,6 @@
 
 .hiddenScrollX, .layout-tv .scrollX {
     -ms-overflow-style: none;
-    /* Can't do this because it not only hides the scrollbar, but also prevents scrolling */
-    /*overflow: -moz-scrollbars-none;*/
 }
 
 .hiddenScrollX-forced {
@@ -50,4 +48,4 @@
 .hiddenScrollY::-webkit-scrollbar, .layout-tv .smoothScrollY::-webkit-scrollbar, .layout-tv .scrollY::-webkit-scrollbar {
     width: 0 !important;
     display: none;
-}
+}

src/assets/css/videoosd.css

@@ -1,5 +1,6 @@
 .chapterThumbTextContainer,
 .videoOsdBottom {
+    user-select: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none
@@ -137,8 +138,10 @@
 
 .osdMediaInfo,
 .volumeButtons {
+    display: flex;
     display: -webkit-box;
     display: -webkit-flex;
+    align-items: center;
     -webkit-box-align: center
 }
 
@@ -218,9 +221,25 @@
     margin-left: auto;
 }
 
-@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
-@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
-@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
+@-moz-keyframes spin {
+    100% {
+        -moz-transform: rotate(360deg);
+    }
+}
+
+@-webkit-keyframes spin {
+    100% {
+        -webkit-transform: rotate(360deg);
+    }
+}
+
+@keyframes spin {
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform:rotate(360deg);
+    }
+}
+
 .osdMediaStatus .animate {
     -webkit-animation:spin 4s linear infinite;
     -moz-animation:spin 4s linear infinite;