From 50f8b7d8ae49e9c7e31e2b9aa0aa2231b035a526 Mon Sep 17 00:00:00 2001
From: Steve Garon <steve.garon@cyber.gc.ca>
Date: Tue, 23 Mar 2021 13:00:45 +0000
Subject: [PATCH 1/2] Adjust drawer topbar z-indexes so it shows on top of
 sticky headers

---
 src/components/routes/alerts/alerts.tsx  | 2 +-
 src/components/visual/DrawerProvider.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/routes/alerts/alerts.tsx b/src/components/routes/alerts/alerts.tsx
index c39787e42..961f30220 100644
--- a/src/components/routes/alerts/alerts.tsx
+++ b/src/components/routes/alerts/alerts.tsx
@@ -212,7 +212,7 @@ const Alerts: React.FC = () => {
                 marginRight: theme.spacing(-1),
                 position: 'sticky',
                 top: theme.spacing(1),
-                zIndex: 1
+                zIndex: 10
               }}
             >
               <ListNavigator id={ALERT_SIMPLELIST_ID} />
diff --git a/src/components/visual/DrawerProvider.tsx b/src/components/visual/DrawerProvider.tsx
index fa64fa588..c9fee8a6d 100644
--- a/src/components/visual/DrawerProvider.tsx
+++ b/src/components/visual/DrawerProvider.tsx
@@ -115,7 +115,7 @@ function DrawerProvider(props: DrawerProviderProps) {
                     padding: theme.spacing(1),
                     position: 'sticky',
                     top: 0,
-                    zIndex: 1
+                    zIndex: 5
                   }}
                 >
                   <IconButton onClick={closeGlobalDrawer}>

From 742e5532bc6c353a60051f4344ec69c484687732 Mon Sep 17 00:00:00 2001
From: Steve Garon <steve.garon@cyber.gc.ca>
Date: Tue, 23 Mar 2021 13:01:04 +0000
Subject: [PATCH 2/2] Fix alert-details page width

---
 src/components/routes/alerts/alert-details.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/routes/alerts/alert-details.tsx b/src/components/routes/alerts/alert-details.tsx
index ae52a58c4..feaaccef9 100644
--- a/src/components/routes/alerts/alert-details.tsx
+++ b/src/components/routes/alerts/alert-details.tsx
@@ -6,7 +6,7 @@ import VerifiedUserOutlinedIcon from '@material-ui/icons/VerifiedUserOutlined';
 import { Skeleton } from '@material-ui/lab';
 import Alert from '@material-ui/lab/Alert';
 import useClipboard from 'commons/components/hooks/useClipboard';
-import PageCenter from 'commons/components/layout/pages/PageCenter';
+import PageFullWidth from 'commons/components/layout/pages/PageFullWidth';
 import useALContext from 'components/hooks/useALContext';
 import useMyAPI from 'components/hooks/useMyAPI';
 import { AlertItem } from 'components/routes/alerts/hooks/useAlerts';
@@ -89,7 +89,7 @@ const AlertDetails: React.FC<AlertDetailsProps> = ({ id, alert }) => {
   }, [item]);
 
   return (
-    <PageCenter margin={!alert ? 4 : 1} width="100%">
+    <PageFullWidth margin={!alert ? 4 : 1}>
       {c12nDef.enforce && (
         <div style={{ display: 'flex', alignItems: 'center', marginBottom: theme.spacing(2) }}>
           <div style={{ flex: 1 }}>
@@ -525,7 +525,7 @@ const AlertDetails: React.FC<AlertDetailsProps> = ({ id, alert }) => {
           </div>
         ) : null}
       </div>
-    </PageCenter>
+    </PageFullWidth>
   );
 };