Fix padding issues in the metadata manager

jellyfin · Oct 10, 2024 · 2235d16 · 2235d16
1 parent c6b4d41
commit 2235d16
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/apps/dashboard/AppOverrides.scss b/src/apps/dashboard/AppOverrides.scss
@@ -9,7 +9,7 @@ $drawer-width: 240px;
 
 // Fix dashboard pages layout to work with drawer
 .dashboardDocument {
-    .mainAnimatedPage {
+    .mainAnimatedPage:not(.metadataEditorPage) {
         @media all and (min-width: $mui-bp-md) {
             left: $drawer-width;
         }
@@ -31,4 +31,8 @@ $drawer-width: 240px;
             padding-top: 3.25rem;
         }
     }
+
+    .metadataEditorPage {
+        padding-top: 3.25rem !important;
+    }
 }
diff --git a/src/controllers/edititemmetadata.html b/src/controllers/edititemmetadata.html
@@ -11,7 +11,7 @@
         </div>
     </div>
     <div>
-        <div class="editPageInnerContent padded-top padded-bottom-page">
+        <div class="editPageInnerContent padded-bottom-page">
         </div>
     </div>
 </div>
diff --git a/src/styles/metadataeditor.scss b/src/styles/metadataeditor.scss
@@ -56,7 +56,7 @@
 @media all and (min-width: 50em) {
     .editPageSidebar {
         position: fixed;
-        top: 5.2em;
+        top: 3.25rem;
         bottom: 0;
         width: 30%;
         display: block;