apply suggestion change

src/controllers/itemdetailpage.js

@@ -419,13 +419,13 @@ define(["loading", "appRouter", "layoutManager", "userSettings", "connectionMana
         var offset = parentNameLast ? ".25em" : ".5em";
 
         if (html && !parentNameLast) {
-            html += '<h3 class="itemName infoText cardText-first" style="margin: .25em 0 .5em;">' + name + '</h3>';
+            html += '<h3 class="itemName infoText" style="margin: .25em 0 .5em;">' + name + '</h3>';
         } else {
-            html = '<h1 class="itemName infoText cardText-first" style="margin: .1em 0 ' + offset + ';">' + name + "</h1>" + html;
+            html = '<h1 class="itemName infoText" style="margin: .1em 0 ' + offset + ';">' + name + "</h1>" + html;
         }
 
         if (item.OriginalTitle && item.OriginalTitle != item.Name) {
-            html += '<h4 class="itemName infoText cardText-first" style="margin: -' + offset + ' 0 0">' + item.OriginalTitle + '</h4>';
+            html += '<h4 class="itemName infoText" style="margin: -' + offset + ' 0 0">' + item.OriginalTitle + '</h4>';
         }
 
         container.innerHTML = html;

src/css/librarybrowser.css

@@ -422,10 +422,6 @@
     left: .8em
 }
 
-.noBackdrop {
-    display: none;
-}
-
 .itemBackdrop {
     -webkit-background-size: cover;
     background-size: cover;
@@ -447,7 +443,11 @@
     bottom: .75em
 }
 
-.layout-mobile .detailPagePrimaryContainer,
+.layout-mobile .detailPagePrimaryContainer {
+    display: block;
+    position: relative;
+}
+
 .layout-tv .detailPagePrimaryContainer {
     position: relative;
 }
@@ -455,7 +455,6 @@
 .detailPagePrimaryContainer {
     display: flex;
     align-items: center;
-    flex-flow: row wrap;
     align-content: center;
     position: sticky;
     top: 0;
@@ -463,8 +462,6 @@
 }
 
 .infoWrapper {
-    margin: 1.25em 0 0;
-    padding-left: 3%;
     flex: 1 0 0;
 }
 
@@ -475,7 +472,7 @@
     text-align: left;
 }
 
-.detailPageSeconderyContainer {
+.detailPageSecondaryContainer {
     margin: 1.25em 0;
     display: flex;
     flex-direction: column;
@@ -587,22 +584,12 @@
     }
 
     .itemDetailPage {
-        padding-top: 2em !important
+        padding-top: 0em !important
     }
 
     .detailimg-hidemobile {
         display: none
     }
-
-    .detailPagePrimaryContainer {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .infoWrapper {
-        flex: initial;
-    }
 }
 
 @media all and (min-width:31.25em) {
@@ -647,7 +634,6 @@
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 1em 0;
-    padding-right: 3%;
 }
 
 .recordingFields button {

src/itemdetails.html

@@ -8,12 +8,12 @@
 
     <div class="detailLogo"></div>
     <div class="detailPageWrapperContainer">
-        <div class="detailPagePrimaryContainer appfooter-blurred">
+        <div class="detailPagePrimaryContainer appfooter-blurred padded-left padded-right">
 
             <div class="infoWrapper infoText">
                 <div class="nameContainer"></div>
-                <div class="itemMiscInfo itemMiscInfo-primary" style="margin: .7em 0;font-size:92%;"></div>
-                <div class="itemMiscInfo itemMiscInfo-secondary" style="margin: .7em 0;font-size:92%;"></div>
+                <div class="itemMiscInfo itemMiscInfo-primary"></div>
+                <div class="itemMiscInfo itemMiscInfo-secondary"></div>
             </div>
 
             <div class="mainDetailButtons">
@@ -111,7 +111,7 @@
             </div>
         </div>
         <div class="detailImageContainer verticalSection-extrabottompadding padded-left"></div>
-        <div class="detailPageSeconderyContainer">
+        <div class="detailPageSecondaryContainer">
 
             <div class="detailPageContent">
                 <div class="detailPagePrimaryContent padded-left padded-right">