From adef65b8784a37dd98134312e1562cd45eefb4d8 Mon Sep 17 00:00:00 2001
From: Ajay Ramachandran <dev@ajay.app>
Date: Thu, 9 Apr 2020 01:42:16 -0400
Subject: [PATCH] Made submission notice above other notices

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

diff --git a/src/components/NoticeComponent.tsx b/src/components/NoticeComponent.tsx
index 97b1040d..d554f85d 100644
--- a/src/components/NoticeComponent.tsx
+++ b/src/components/NoticeComponent.tsx
@@ -11,7 +11,9 @@ export interface NoticeProps {
     fadeIn?: boolean,
 
     // Callback for when this is closed
-    closeListener?: () => void
+    closeListener?: () => void,
+
+    zIndex?: number
 }
 
 export interface NoticeState {
@@ -62,7 +64,7 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
 
     render() {
         let noticeStyle: React.CSSProperties = {
-            zIndex: 50 + this.amountOfPreviousNotices
+            zIndex: this.props.zIndex || (50 + this.amountOfPreviousNotices)
         }
 
         return (
diff --git a/src/components/SubmissionNoticeComponent.tsx b/src/components/SubmissionNoticeComponent.tsx
index 791092f1..494b9cae 100644
--- a/src/components/SubmissionNoticeComponent.tsx
+++ b/src/components/SubmissionNoticeComponent.tsx
@@ -46,17 +46,12 @@ class SubmissionNoticeComponent extends React.Component<SubmissionNoticeProps, S
     }
 
     render() {
-        let noticeStyle: React.CSSProperties = {};
-        if (this.contentContainer().onMobileYouTube) {
-            noticeStyle.bottom = "4em";
-            noticeStyle.transform = "scale(0.8) translate(10%, 10%)";
-        }
-
         return (
             <NoticeComponent noticeTitle={this.state.noticeTitle}
                 idSuffix={this.state.idSuffix}
                 ref={this.noticeRef}
-                closeListener={this.cancel.bind(this)}>
+                closeListener={this.cancel.bind(this)}
+                zIndex={50000}>
 
                 {/* Text Boxes */}
                 {this.getMessageBoxes()}