From 4e7f6d5e25e9b52418065ef87874b4cb4318c6e1 Mon Sep 17 00:00:00 2001
From: Rushil Umaretiya <2023rumareti@tjhsst.edu>
Date: Sun, 27 Sep 2020 11:34:35 -0400
Subject: [PATCH] fixed styles

---
 pages/templates/pages/email.html | 15 ++++++++-------
 pages/views.py                   |  4 ++--
 static/css/styles.css            |  4 ++++
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/pages/templates/pages/email.html b/pages/templates/pages/email.html
index 32f9a76..14081d2 100644
--- a/pages/templates/pages/email.html
+++ b/pages/templates/pages/email.html
@@ -7,11 +7,12 @@
       	<h1 class="mt-5 mb-2">Thanks for your support!</h1>
       	<p class="lead">You're almost done!</p>
       	<hr>
-      	<h3 class="text-center mt-4 mb-4">Thanks for all your help! Now we just need you to send it!</h3>
 
-<ol class="text-left mt-5">
-        <h2 class="text-center">Here's how:</h2>
-          <h3><li>First, copy the letter
+<ol class="text-left mt-2">
+        <h2 class="text-center">Here's how to send it:</h2>
+
+          <h3><li>First, make a new email</li></h3>
+          <h3><li>Second, copy the letter and paste <i class="fa fa-arrow-right" aria-hidden="true"></i>
           <button type="button" onclick="copySecond()" id="copyLetterButtonSecond" data-clipboard-target="#letter-second" class="btn btn-secondary">Copy</button></li></h3>
           <div id="letter-second">
 <p>My name is {{form.name}}, and I am writing today to voice my support for the following letter and my disapproval of the currently proposed system. Please reply to <a href="mailto:lettertofcps@gmail.com">lettertofcps@gmail.com</a> with any questions or comments.</p>
@@ -79,19 +80,19 @@
 <p><strong>Sincerely, <br>{{form.name}}</strong></p>
 
 </div>
-        <h3 class="mt-3"><li>Second, copy the recipient list <button type="button" onclick="copyList()" id="copyList" data-clipboard-target="#letter-mail" class="btn btn-secondary">Copy</button></li>
+        <h3 class="mt-3"><li>Third, copy the recipient list and paste in the To: <i class="fa fa-arrow-right" aria-hidden="true"></i> <button type="button" onclick="copyList()" id="copyList" data-clipboard-target="#letter-mail" class="btn btn-secondary">Copy</button></li>
         </h3>
         <div id="letter-mail">
           {{maillist}}
         </div>
-        <h3 class="mt-5"><li>Third, add a subject and hit send!</li></h3>
+        <h3 class="mt-5"><li>Finally, add a subject and hit send!</li></h3>
         <h4 class="mt-3">Here's a suggestion if you need it!</h4>
         <h5 id="subject-line">{{subject}}</h5>
 
       </ol>
 
 <ol class="text-left">
-          <h2 class="text-center mt-5">And here's how to do it a little faster:</h2>
+          <h2 class="text-center mt-5" stlye="margin-top: 120px">And here's how to do it a little faster:</h2>
           <h3><li>First, copy the letter
           <button type="button" onclick="copyLetter()" id="copyLetterButton" data-clipboard-target="#letter" class="btn btn-secondary">Copy</button></li></h3>
           <div id="letter">
diff --git a/pages/views.py b/pages/views.py
index 5728ba3..3b57d54 100644
--- a/pages/views.py
+++ b/pages/views.py
@@ -13,8 +13,8 @@ def main(request):
 			"Concerns with FCPS' proposal to change the TJ admissions system"
 		]
 		subject = choice(subjects)
-		recepient = request.POST.getlist('rep')
-		#recepient = ['rushilwiz@gmail.com', 'lettertofcps@gmail.com']
+		#recepient = request.POST.getlist('rep')
+		recepient = ['rushilwiz@gmail.com', 'lettertofcps@gmail.com']
 		context = {
 			'form':request.POST,
 			'mailto': f'mailto:{",".join(request.POST.getlist("rep"))}?subject={subject}',
diff --git a/static/css/styles.css b/static/css/styles.css
index efbb34e..f6c6f31 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -5,11 +5,15 @@ footer {
 #letter {
 	overflow-y: scroll;
 	height:35vh;
+	background-color: #ededed;
+	padding: 10px;
 }
 
 #letter-second {
 	overflow-y: scroll;
 	height:35vh;
+	background-color: #ededed;
+	padding: 10px;
 }
 
 #letter-mail {