Fix automatic vendor prefix removal

src/css/dashboard.css

@@ -1,5 +1,6 @@
 .dashboardColumn,
 .dashboardSections {
+    flex-direction: column;
 }
 
 .dashboardFooter {
@@ -390,6 +391,7 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 a[data-role=button] {
+    background-clip: padding-box;
     cursor: pointer !important;
     font-family: inherit !important;
     font-weight: 500 !important;

src/css/librarybrowser.css

@@ -92,10 +92,12 @@
 
 .headerLeft,
 .skinHeader {
+    display: flex;
 }
 
 .detailButton-mobile,
 .skinHeader {
+    flex-direction: column;
 }
 
 .pageTitleWithLogo {
@@ -119,6 +121,7 @@
 
 .headerLeft,
 .headerRight {
+    justify-content: center;
 }
 
 .hiddenViewMenuBar .skinHeader {
@@ -542,6 +545,7 @@
 
 .detailButton-mobile,
 .mainDetailButtons {
+    display: flex;
 }
 
 .itemName {

src/css/material-icons/style.css

@@ -15,6 +15,8 @@
     white-space: nowrap;
     word-wrap: normal;
     direction: ltr;
+    -webkit-font-feature-settings: 'liga';
+    -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
     font-feature-settings: "liga" 1;
     line-height: 1;

src/css/scrollstyles.css

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

src/css/videoosd.css

@@ -110,6 +110,8 @@
 
 .osdMediaInfo,
 .volumeButtons {
+    display: flex;
+    align-items: center;
 }
 
 .volumeButtons {
@@ -169,9 +171,9 @@
     margin-left: auto;
 }
 
-@-moz-keyframes spin { 100% { } }
-@-webkit-keyframes spin { 100% { } }
-@keyframes spin { 100% { 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 {
     animation:spin 4s linear infinite;
 }