From 9fafb9cf540a2b33fc90ac33a0395265a64bb57f Mon Sep 17 00:00:00 2001
From: Ajay Ramachandran <dev@ajay.app>
Date: Mon, 13 Apr 2020 21:48:55 -0400
Subject: [PATCH] Made the submission notice scroll when too large

---
 public/content.css                           | 7 +++++++
 src/components/SubmissionNoticeComponent.tsx | 5 +++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/public/content.css b/public/content.css
index 5d65f788..24d8b9ac 100644
--- a/public/content.css
+++ b/public/content.css
@@ -338,6 +338,13 @@ input::-webkit-inner-spin-button {
   margin: 0;
 }
 
+.sponsorTimeMessagesRow {
+	max-height: 300px;
+	display: flex;
+
+	overflow: auto;
+}
+
 .sponsorTimeEdit {
 	font-size: 14px;
 
diff --git a/src/components/SubmissionNoticeComponent.tsx b/src/components/SubmissionNoticeComponent.tsx
index f35a458b..7688c9ba 100644
--- a/src/components/SubmissionNoticeComponent.tsx
+++ b/src/components/SubmissionNoticeComponent.tsx
@@ -57,8 +57,9 @@ class SubmissionNoticeComponent extends React.Component<SubmissionNoticeProps, S
                 {this.getMessageBoxes()}
 
                 {/* Sponsor Time List */}
-                <tr id={"sponsorSkipNoticeMiddleRow" + this.state.idSuffix}>
-                    <td>
+                <tr id={"sponsorSkipNoticeMiddleRow" + this.state.idSuffix}
+                    className="sponsorTimeMessagesRow">
+                    <td style={{width: "100%"}}>
                         {this.getSponsorTimeMessages()}
                     </td>
                 </tr>