backward compateblity

src/css/librarybrowser.css

@@ -447,6 +447,10 @@
     bottom: .75em
 }
 
+.layout-tv .detailPagePrimaryContainer {
+    position: relative;
+}
+
 .detailPagePrimaryContainer {
     display: flex;
     align-items: center;
@@ -459,6 +463,7 @@
 
 .infoWrapper {
     margin: 1.25em 0 0;
+    padding-left: 3%;
     flex: 1 0 0;
 }
 
@@ -469,42 +474,25 @@
     text-align: left;
 }
 
-.layout-tv .detailPagePrimaryContainer {
-    position: relative;
-}
-
 .detailPageSeconderyContainer {
     margin: 1.25em 0;
-    display: grid;
-    grid-template-columns: 100%;
+    display: flex;
+    flex-direction: column;
     padding-left: 2%;
     padding-right: 2%;
 }
 
-.layout-tv .detailPageSeconderyWrapper {
-    display: flex;
-}
-
-.layout-tv .detailPageSeconderyContainer {
-    display: flex;
-    flex-direction: column;
-    width: 75%;
+.layout-tv .detailImageContainer {
+    position: relative;
 }
 
 .detailImageContainer {
+    margin: 1.25em 0;
     position: sticky;
     top: 15%;
     float: left;
 }
 
-.layout-tv .detailImageContainer {
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    width: 25%;
-    float: right;
-}
-
 .detailPagePrimaryContent {
     position: relative;
     -webkit-box-flex: 1;
@@ -662,7 +650,8 @@
     align-items: center;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
-    margin: 1em 0
+    margin: 1em 0;
+    padding-right: 3%;
 }
 
 .recordingFields button {

src/itemdetails.html

@@ -10,7 +10,7 @@
         <div class="detailLogo"></div>
     </div>
     <div class="detailPageWrapperContainer">
-        <div class="detailPagePrimaryContainer padded-left padded-right">
+        <div class="detailPagePrimaryContainer">
 
             <div class="infoWrapper infoText">
                 <div class="nameContainer"></div>
@@ -18,7 +18,7 @@
                 <div class="itemMiscInfo itemMiscInfo-secondary" style="margin: .7em 0;font-size:92%;"></div>
             </div>
 
-            <div class="mainDetailButtons padded-left">
+            <div class="mainDetailButtons">
 
                 <button is="emby-button" type="button" class="button-flat btnResume hide detailButton" data-mode="resume">
                     <div class="detailButton-mobile-content">
@@ -126,7 +126,6 @@
                 </button>
             </div>
         </div>
-        <div class="detailPageSeconderyWrapper">
         <div class="detailImageContainer verticalSection-extrabottompadding padded-left"></div>
         <div class="detailPageSeconderyContainer">
 
@@ -253,5 +252,4 @@
             </div>
         </div>
     </div>
-    </div>
 </div>