Fix detailImageContainer padding

src/controllers/itemdetailpage.js

@@ -802,7 +802,7 @@ define(["loading", "appRouter", "layoutManager", "userSettings", "connectionMana
         }
 
         if (editable) {
-            html += "<a class='itemDetailGalleryLink' is='emby-linkbutton' style='display:block;margin:0;' href='#'>";
+            html += "<a class='itemDetailGalleryLink' is='emby-linkbutton' style='display:block;margin-top:.7em;padding:0' href='#'>";
         }
 
         if (detectRatio && item.PrimaryImageAspectRatio) {

src/css/librarybrowser.css

@@ -457,6 +457,7 @@
 }
 
 .detailPageSeconderyContainer {
+    margin: 1.25em 0;
     display:grid;
     grid-template-columns: 100%;
     padding-left:2%;
@@ -464,8 +465,8 @@
 }
 
 .detailImageContainer {
-    -webkit-flex-shrink: 0;
+    margin: 1.25em 0;
-    flex-shrink: 0;
+    width: 350px;
     position: sticky;
     top:15%;
     float: left;
@@ -513,35 +514,22 @@
 }
 
 .itemDetailImage {
-    width: 100%;
+    width: 350px;
     -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
     box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37)
 }
 
-.thumbDetailImageContainer {
-    width: 350px;
-}
-
-.portraitDetailImageContainer {
-    width: 350px;
-}
-
-.squareDetailImageContainer {
-    width: 400px;
-}
-
 @media all and (max-width:62.5em) {
     .detailPageContent {
         position: relative
     }
 
     .detailImageContainer {
-        width: auto
+        width: 100px !important
     }
 
     .itemDetailImage {
-        height: 120px;
+        width: 100px !important
-        width: auto !important
     }
 
     .btnPlaySimple {
@@ -712,11 +700,8 @@
 }
 
 .detailImageProgressContainer {
-    position: absolute;
+    margin-left: 6px;
-    width: 300px;
+    width: 350px;
-    bottom: 12px;
-    text-align: center;
-    padding-left: 25px;
 }
 
 .detailButton-mobile-text {

src/itemdetails.html

@@ -111,7 +111,7 @@
                 </button>
             </div>
         </div>
-        <div class="detailImageContainer verticalSection-extrabottompadding"></div>
+        <div class="detailImageContainer verticalSection-extrabottompadding padded-left"></div>
         <div class="detailPageSeconderyContainer">
 
             <div class="detailPageContent">