From 008044a29abe62f2fe53b208f375fd03864a25a2 Mon Sep 17 00:00:00 2001
From: loof2736 <joshwilberger27@gmail.com>
Date: Fri, 11 Nov 2022 03:27:57 -0500
Subject: [PATCH] Fixed scaling issues on small screens

---
 CSS/transparent-header.css | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/CSS/transparent-header.css b/CSS/transparent-header.css
index 6359b42..021f72b 100644
--- a/CSS/transparent-header.css
+++ b/CSS/transparent-header.css
@@ -41,4 +41,39 @@
 }
 .layout-mobile .emby-button-foreground {
     top: -2px !important;
+}
+
+/* Fix for scaling issues */
+@media (width: 1600px) {
+    .layout-desktop .headerRight {
+        margin-bottom: 0 !important;
+    }
+    .layout-desktop .headerTabs {
+        top: -7px !important;
+    }
+}
+@media (max-width: 1600px) {
+    .layout-desktop .emby-button-foreground {
+        top: -1px !important;
+    }
+}
+@media (max-width: 1599px) {
+    .layout-desktop .pageTitleWithLogo {
+        margin-left: 25px !important;
+    }
+    .layout-desktop .headerTabs {
+        margin-top: -65px !important;
+    }
+    .layout-desktop .headerRight {
+        margin-right: 15px !important;
+    }
+    .layout-desktop .sectionTabs {
+        width: auto !important;
+        align-self: center !important;
+    }
+}
+@media (max-width: 100em) {
+    .withSectionTabs .headerTop {
+        padding-bottom: 1em !important;
+    }
 }
\ No newline at end of file