diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.css
index 74b25c3c76..a6af6dccd2 100644
--- a/src/assets/css/librarybrowser.css
+++ b/src/assets/css/librarybrowser.css
@@ -4,7 +4,7 @@
     vertical-align: middle
 }
 
-.detailButton-mobile,
+.detailButton,
 .itemLinks,
 .listPaging,
 .sectionTabs,
@@ -95,7 +95,7 @@
     display: flex;
 }
 
-.detailButton-mobile,
+.detailButton,
 .skinHeader {
     flex-direction: column;
 }
@@ -563,7 +563,7 @@
     }
 }
 
-.detailButton-mobile,
+.detailButton,
 .mainDetailButtons {
     display: flex;
 }
@@ -601,7 +601,7 @@
     margin-top: 1.5em !important
 }
 
-.detailButton-mobile {
+.detailButton {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -610,39 +610,35 @@
     padding: .5em .7em !important
 }
 
-.detailButton {
-    margin: 0 .5em 0 0 !important
-}
-
 @media all and (min-width:29em) {
-    .detailButton-mobile {
+    .detailButton {
         padding-left: .75em !important;
         padding-right: .75em !important
     }
 }
 
 @media all and (min-width:32em) {
-    .detailButton-mobile {
+    .detailButton {
         padding-left: .8em !important;
         padding-right: .8em !important
     }
 }
 
 @media all and (min-width:35em) {
-    .detailButton-mobile {
+    .detailButton {
         padding-left: .85em !important;
         padding-right: .85em !important
     }
 }
 
-.detailButton-mobile-content {
+.detailButton-content {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center
 }
 
-.detailButton-mobile-icon {
+.detailButton-icon {
     font-size: 1.6em !important;
     width: 1em;
     height: 1em
@@ -654,7 +650,7 @@
     width: 22.786458333333332vw;
 }
 
-.detailButton-mobile-text {
+.detailButton-text {
     margin-top: .7em;
     font-size: 80%;
     font-weight: 400
@@ -665,7 +661,7 @@
         margin-left: -.5em
     }
 
-    .detailButton {
+    .detailButtonHideonMobile {
         display: none !important
     }
 }
diff --git a/src/itemdetails.html b/src/itemdetails.html
index 849642f451..038b4b11ff 100644
--- a/src/itemdetails.html
+++ b/src/itemdetails.html
@@ -15,94 +15,94 @@
             </div>
 
             <div class="mainDetailButtons">
-                <button is="emby-button" type="button" class="button-flat btnResume hide detailButton" data-mode="resume">
-                    <div class="detailButton-mobile-content">
-                        <i class="md-icon detailButton-mobile-icon">play_arrow</i>
-                        <div class="detailButton-mobile-text">${ButtonResume}</div>
+                <button is="emby-button" type="button" class="button-flat btnResume hide detailButton detailButtonHideonMobile" data-mode="resume">
+                    <div class="detailButton-content">
+                        <i class="md-icon detailButton-icon">play_arrow</i>
+                        <div class="detailButton-text">${ButtonResume}</div>
                     </div>
                 </button>
 
-                <button is="emby-button" type="button" class="button-flat btnPlay hide detailButton" data-mode="play">
-                    <div class="detailButton-mobile-content">
-                        <i class="md-icon detailButton-mobile-icon">play_arrow</i>
-                        <div class="detailButton-mobile-text">${ButtonPlay}</div>
+                <button is="emby-button" type="button" class="button-flat btnPlay hide detailButton detailButtonHideonMobile" data-mode="play">
+                    <div class="detailButton-content">
+                        <i class="md-icon detailButton-icon">play_arrow</i>
+                        <div class="detailButton-text">${ButtonPlay}</div>
                     </div>
                 </button>
 
-                <button is="emby-button" type="button" class="button-flat btnDownload hide detailButton-mobile">
-                    <div class="detailButton-mobile-content">
-                        <i class="md-icon detailButton-mobile-icon">get_app</i>
-                        <div class="detailButton-mobile-text">${ButtonDownload}</div>
+                <button is="emby-button" type="button" class="button-flat btnDownload hide detailButton">
+                    <div class="detailButton-content">
+                        <i class="md-icon detailButton-icon">get_app</i>
+                        <div class="detailButton-text">${ButtonDownload}</div>
                     </div>
                 </button>
 
-                <button is="emby-button" type="button" class="button-flat btnPlayTrailer hide detailButton-mobile">
-                    <div class="detailButton-mobile-content">
-                        <i class="md-icon detailButton-mobile-icon">theaters</i>
-                        <div class="detailButton-mobile-text">${ButtonTrailer}</div>
+                <button is="emby-button" type="button" class="button-flat btnPlayTrailer hide detailButton">
+                    <div class="detailButton-content">
+                        <i class="md-icon detailButton-icon">theaters</i>
+                        <div class="detailButton-text">${ButtonTrailer}</div>
                     </div>
                 </button>
 
-                <button is="emby-button" type="button" class="button-flat btnInstantMix hide detailButton-mobile">
-                    <div class="detailButton-mobile-content">
-                        <i class="md-icon detailButton-mobile-icon">shuffle</i>
-                        <div class="detailButton-mobile-text">${HeaderInstantMix}</div>
+                <button is="emby-button" type="button" class="button-flat btnInstantMix hide detailButton">
+                    <div class="detailButton-content">
+                        <i class="md-icon detailButton-icon">shuffle</i>
+                        <div class="detailButton-text">${HeaderInstantMix}</div>
                     </div>
                 </button>
 
-                <button is="emby-button" type="button" class="button-flat btnShuffle hide detailButton-mobile">
-                    <div class="detailButton-mobile-content">
-                        <i class="md-icon detailButton-mobile-icon">shuffle</i>
-                        <div class="detailButton-mobile-text">${ButtonShuffle}</div>
+                <button is="emby-button" type="button" class="button-flat btnShuffle hide detailButton">
+                    <div class="detailButton-content">
+                        <i class="md-icon detailButton-icon">shuffle</i>
+                        <div class="detailButton-text">${ButtonShuffle}</div>
                     </div>
                 </button>
 
-                <button is="emby-button" type="button" class="button-flat btnCancelSeriesTimer hide detailButton-mobile">
-                    <div class="detailButton-mobile-content">
-                        <i class="md-icon detailButton-mobile-icon">delete</i>
-                        <div class="detailButton-mobile-text">${CancelSeries}</div>
+                <button is="emby-button" type="button" class="button-flat btnCancelSeriesTimer hide detailButton">
+                    <div class="detailButton-content">
+                        <i class="md-icon detailButton-icon">delete</i>
+                        <div class="detailButton-text">${CancelSeries}</div>
                     </div>
                 </button>
 
-                <button is="emby-button" type="button" class="button-flat btnCancelTimer hide detailButton-mobile">
-                    <div class="detailButton-mobile-content">
-                        <i class="md-icon detailButton-mobile-icon">stop</i>
-                        <div class="detailButton-mobile-text">${StopRecording}</div>
+                <button is="emby-button" type="button" class="button-flat btnCancelTimer hide detailButton">
+                    <div class="detailButton-content">
+                        <i class="md-icon detailButton-icon">stop</i>
+                        <div class="detailButton-text">${StopRecording}</div>
                     </div>
                 </button>
 
-                <button is="emby-button" type="button" class="button-flat btnDeleteItem hide detailButton-mobile">
-                    <div class="detailButton-mobile-content">
-                        <i class="md-icon detailButton-mobile-icon">delete</i>
-                        <div class="detailButton-mobile-text">${Delete}</div>
+                <button is="emby-button" type="button" class="button-flat btnDeleteItem hide detailButton">
+                    <div class="detailButton-content">
+                        <i class="md-icon detailButton-icon">delete</i>
+                        <div class="detailButton-text">${Delete}</div>
                     </div>
                 </button>
 
-                <button is="emby-playstatebutton" type="button" class="button-flat btnPlaystate hide detailButton-mobile">
-                    <div class="detailButton-mobile-content">
-                        <i class="md-icon detailButton-mobile-icon">check</i>
-                        <div class="detailButton-mobile-text button-text"></div>
+                <button is="emby-playstatebutton" type="button" class="button-flat btnPlaystate hide detailButton">
+                    <div class="detailButton-content">
+                        <i class="md-icon detailButton-icon">check</i>
+                        <div class="detailButton-text button-text"></div>
                     </div>
                 </button>
 
-                <button is="emby-ratingbutton" type="button" class="button-flat btnUserRating hide detailButton-mobile">
-                    <div class="detailButton-mobile-content">
-                        <i class="md-icon detailButton-mobile-icon">favorite</i>
-                        <div class="detailButton-mobile-text button-text">${Rate}</div>
+                <button is="emby-ratingbutton" type="button" class="button-flat btnUserRating hide detailButton">
+                    <div class="detailButton-content">
+                        <i class="md-icon detailButton-icon">favorite</i>
+                        <div class="detailButton-text button-text">${Rate}</div>
                     </div>
                 </button>
 
                 <button is="emby-button" type="button" class="button-flat btnSplitVersions hide detailButton">
-                    <div class="detailButton-mobile-content">
-                        <i class="md-icon detailButton-mobile-icon">call_split</i>
-                        <div class="detailButton-mobile-text">${ButtonSplit}</div>
+                    <div class="detailButton-content">
+                        <i class="md-icon detailButton-icon">call_split</i>
+                        <div class="detailButton-text">${ButtonSplit}</div>
                     </div>
                 </button>
 
-                <button is="emby-button" type="button" class="button-flat btnMoreCommands hide detailButton-mobile">
-                    <div class="detailButton-mobile-content">
-                        <i class="md-icon detailButton-mobile-icon"></i>
-                        <div class="detailButton-mobile-text">${ButtonMore}</div>
+                <button is="emby-button" type="button" class="button-flat btnMoreCommands hide detailButton">
+                    <div class="detailButton-content">
+                        <i class="md-icon detailButton-icon"></i>
+                        <div class="detailButton-text">${ButtonMore}</div>
                     </div>
                 </button>
             </div>