From a7dbf81700f5ddde266ad869e45654f65848a399 Mon Sep 17 00:00:00 2001
From: Peter Kos <pkos91@icloud.com>
Date: Tue, 18 Aug 2020 00:52:15 -0400
Subject: [PATCH 1/3] Added sponsor info text below email input

---
 src/index.scss     | 30 +++++++++++++++++++-----------
 src/preregister.js | 17 +++++++++++------
 2 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/src/index.scss b/src/index.scss
index 6d38b1d61..1c4f4efed 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -2,7 +2,7 @@
 
 $blue: #465491;
 
-/* 
+/*
 tablet & mobile have the column layout
 tablet has fixed widths and font sizes
 mobile has scaling widths and font sizes
@@ -67,7 +67,7 @@ html, body, #root, #app, .full-height {
   width: 100%;
 
   padding: 12px 0px;
-  
+
   font-size: 14px;
   font-weight: 300;
   text-align: center;
@@ -88,7 +88,7 @@ html, body, #root, #app, .full-height {
     height: 150px;
     margin-left: 40px;
   }
-  
+
   @include mobile {
     /*68 px is the current height of the nav bar
     will think of a better way to structure this later*/
@@ -105,13 +105,13 @@ html, body, #root, #app, .full-height {
 
   font-size: 15px;
   font-weight: 500;
-  
+
   color: $blue;
 
   ul {
     list-style-type: none;
     float: right;
-  
+
     margin: 0;
     padding: 0;
 
@@ -122,7 +122,7 @@ html, body, #root, #app, .full-height {
 
       a {
         color: $blue;
-      
+
         border-bottom-style: solid;
         border-color: transparentize($blue, 1);
         transition: border-color 0.2s;
@@ -173,7 +173,7 @@ html, body, #root, #app, .full-height {
   max-width: 1100px;
   text-align: center;
   margin: auto;
-  
+
 
   @include tablet {
     flex-direction: column;
@@ -199,7 +199,7 @@ html, body, #root, #app, .full-height {
 }
 
 /*
-note: development on a mac may not have all font-weights, 
+note: development on a mac may not have all font-weights,
 lines of text may be wider than they appear
 */
 #hackathon-name {
@@ -232,7 +232,7 @@ lines of text may be wider than they appear
 
   @include mobile {
     height: 4vw;
-    font-size: 3.2vw; 
+    font-size: 3.2vw;
   }
 }
 
@@ -242,7 +242,8 @@ lines of text may be wider than they appear
   margin: auto;
 
   margin-top: 10px;
-  
+  margin-bottom: 10px;
+
   border-style: solid;
   border-width: 1px;
   border-color: $blue;
@@ -308,7 +309,7 @@ lines of text may be wider than they appear
       background-position: 5.25px;
     }
   }
-  
+
   @include mobile {
       height: 9vw;
       width: 9vw;
@@ -336,3 +337,10 @@ lines of text may be wider than they appear
         font-weight: 500;
     }
 }
+
+#contact {
+
+  p {
+    margin: 0;
+  }
+}
\ No newline at end of file
diff --git a/src/preregister.js b/src/preregister.js
index df8091fde..d6a863df6 100644
--- a/src/preregister.js
+++ b/src/preregister.js
@@ -14,7 +14,7 @@ class PreRegister extends React.Component {
         return (
         <div id="app">
             <div className="full-height">
-                <NavBar 
+                <NavBar
                     title={desktopNotice}
                     content={noticeContent}
                 />
@@ -25,20 +25,25 @@ class PreRegister extends React.Component {
                         </div>
                         <div id="hackathon-description">
                             RIT's Premiere Hackathon
-                        </div>                        
+                        </div>
                         <div id="hackathon-info">
                             Feb 20-21 | ROCHESTER INSTITUTE OF TECHNOLOGY
                         </div>
-                        
+
                         <img className="hero-img desktop-hide" src={HeroImage} alt="A decorative background hero graphic."/>
-            
+
                         <MailchimpInput/>
 
-                        <CovidPopover 
+                        <div id="contact">
+                            <p>interested in sponsoring?</p>
+                            <p>email <a href="mailto:sponsorship@coderit.org">sponsorship@coderit.org</a></p>
+                        </div>
+
+                        <CovidPopover
                             title={mobileNotice}
                             content={noticeContent}
                         />
-                        
+
                     </div>
 
                     <div className="right-half mobile-hide">

From a3dc5fb9ce0f6f592324e6e9bb8c040889c796b9 Mon Sep 17 00:00:00 2001
From: Peter Kos <pkos91@icloud.com>
Date: Tue, 18 Aug 2020 13:49:56 -0400
Subject: [PATCH 2/3] Slightly more padding around form

---
 src/index.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/index.scss b/src/index.scss
index 1c4f4efed..33bcd0c95 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -241,8 +241,8 @@ lines of text may be wider than they appear
   width: 375px;
   margin: auto;
 
-  margin-top: 10px;
-  margin-bottom: 10px;
+  margin-top: 20px;
+  margin-bottom: 20px;
 
   border-style: solid;
   border-width: 1px;

From f3a57daa358b49151c47e6385fa2b4a7e2c9b29b Mon Sep 17 00:00:00 2001
From: Peter Kos <pkos91@icloud.com>
Date: Tue, 18 Aug 2020 13:53:22 -0400
Subject: [PATCH 3/3] Hide contact blurb on mobile until col refactor

Mobile layout handling should be more pragmatic, so that should be refactored before we re-tweak the entire mobile layout to make room for this notice.
---
 src/preregister.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/preregister.js b/src/preregister.js
index d6a863df6..e2f727c28 100644
--- a/src/preregister.js
+++ b/src/preregister.js
@@ -34,7 +34,7 @@ class PreRegister extends React.Component {
 
                         <MailchimpInput/>
 
-                        <div id="contact">
+                        <div id="contact" className="mobile-hide">
                             <p>interested in sponsoring?</p>
                             <p>email <a href="mailto:sponsorship@coderit.org">sponsorship@coderit.org</a></p>
                         </div>