From 30c61649c4a04f7604859a3d791e9884bdeca08e Mon Sep 17 00:00:00 2001
From: Bill Thornton <thornbill@users.noreply.github.com>
Date: Wed, 24 Apr 2024 00:49:53 -0400
Subject: [PATCH] Fix drawer covering now playing bar in experimental layout

---
 src/apps/experimental/AppOverrides.scss | 5 +++++
 src/components/ResponsiveDrawer.tsx     | 1 +
 2 files changed, 6 insertions(+)

diff --git a/src/apps/experimental/AppOverrides.scss b/src/apps/experimental/AppOverrides.scss
index f8f6d27405..eff6728f7f 100644
--- a/src/apps/experimental/AppOverrides.scss
+++ b/src/apps/experimental/AppOverrides.scss
@@ -10,6 +10,11 @@ $mui-bp-xl: 1536px;
     position: relative;
 }
 
+// Ensure the footer renders over the drawer
+.appfooter {
+    z-index: 1201 !important; // mui drawer uses z-index 1200
+}
+
 // Hide some items from the user "settings" page that are in the drawer
 #myPreferencesMenuPage {
     .lnkQuickConnectPreferences,
diff --git a/src/components/ResponsiveDrawer.tsx b/src/components/ResponsiveDrawer.tsx
index 22d6f73c3b..15f3d2c32f 100644
--- a/src/components/ResponsiveDrawer.tsx
+++ b/src/components/ResponsiveDrawer.tsx
@@ -31,6 +31,7 @@ const ResponsiveDrawer: FC<ResponsiveDrawerProps> = ({
                 flexShrink: 0,
                 '& .MuiDrawer-paper': {
                     width: DRAWER_WIDTH,
+                    paddingBottom: '4.2rem', // Padding for now playing bar
                     boxSizing: 'border-box'
                 }
             }}