Fix automatic vendor prefix removal

src/components/cardbuilder/card.css

@@ -4,6 +4,7 @@ button::-moz-focus-inner {
 }
 
 button {
+    -webkit-border-fit: border !important;
 }
 
 .card {

src/components/emby-slider/emby-slider.css

@@ -1,4 +1,5 @@
 _:-ms-input-placeholder {
+    -ms-appearance: none;
     height: 2.223em;
     margin: 0;
 }
@@ -59,6 +60,7 @@ _:-ms-input-placeholder {
     }
 
     .mdl-slider::-webkit-slider-thumb {
+        -webkit-appearance: none;
         width: 1.2em;
         height: 1.2em;
         box-sizing: border-box;
@@ -85,6 +87,7 @@ _:-ms-input-placeholder {
 }
 
 .mdl-slider::-moz-range-thumb {
+    -moz-appearance: none;
     width: 0.9em;
     height: 0.9em;
     box-sizing: border-box;
@@ -96,6 +99,7 @@ _:-ms-input-placeholder {
 }
 
 .mdl-slider::-ms-thumb {
+    -webkit-appearance: none;
     width: 1.8em;
     height: 1.8em;
     box-sizing: border-box;

src/components/themes/emby/theme.css

@@ -424,6 +424,7 @@ html {
 }
 
 ::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
 }
 
 ::-webkit-scrollbar-track-piece {
@@ -432,6 +433,7 @@ html {
 
 ::-webkit-scrollbar-thumb:horizontal,
 ::-webkit-scrollbar-thumb:vertical {
+    border-radius: 2px;
     background: center no-repeat #888
 }
 

src/components/themes/purple-haze/theme.css

@@ -545,6 +545,7 @@ a[data-role=button] {
 }
 
 ::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
 }
 
 ::-webkit-scrollbar-track-piece {
@@ -553,6 +554,7 @@ a[data-role=button] {
 
 ::-webkit-scrollbar-thumb:horizontal,
 ::-webkit-scrollbar-thumb:vertical {
+    border-radius: 2px;
     background: center no-repeat #888
 }
 

src/components/themes/wmc/theme.css

@@ -86,7 +86,7 @@ html {
     background: #00a4dc;
     color: #fff
 }
-
+border-radius: 2px;
 .button-submit:focus {
     background: #0cb0e8;
     color: #fff
@@ -445,6 +445,7 @@ html {
 }
 
 ::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
 }
 
 ::-webkit-scrollbar-track-piece {
@@ -453,6 +454,7 @@ html {
 
 ::-webkit-scrollbar-thumb:horizontal,
 ::-webkit-scrollbar-thumb:vertical {
+    border-radius: 2px;
     background: center no-repeat rgba(255, 255, 255, .7)
 }
 

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,11 +33,11 @@
 }
 
 .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 {

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