From edcda31db4581b262fcd8cff4c7a173cb15fee9b Mon Sep 17 00:00:00 2001
From: Ajay Ramachandran <dev@ajay.app>
Date: Thu, 1 Apr 2021 21:15:11 -0400
Subject: [PATCH] Raise z index of notice to be in front of endcards

---
 src/components/NoticeComponent.tsx     | 2 +-
 src/components/SkipNoticeComponent.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/NoticeComponent.tsx b/src/components/NoticeComponent.tsx
index 3867fa0a..24dd3eed 100644
--- a/src/components/NoticeComponent.tsx
+++ b/src/components/NoticeComponent.tsx
@@ -70,7 +70,7 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
 
     render(): React.ReactElement {
         const noticeStyle: React.CSSProperties = {
-            zIndex: this.props.zIndex || (50 + this.amountOfPreviousNotices)
+            zIndex: this.props.zIndex || (1000 + this.amountOfPreviousNotices)
         }
 
         return (
diff --git a/src/components/SkipNoticeComponent.tsx b/src/components/SkipNoticeComponent.tsx
index 01b2a15e..2990eee3 100644
--- a/src/components/SkipNoticeComponent.tsx
+++ b/src/components/SkipNoticeComponent.tsx
@@ -127,7 +127,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
 
     render(): React.ReactElement {
         const noticeStyle: React.CSSProperties = {
-            zIndex: 1000 + this.amountOfPreviousNotices
+            zIndex: 1500 + this.amountOfPreviousNotices
         }
         if (this.contentContainer().onMobileYouTube) {
             noticeStyle.bottom = "4em";