From 0d65f2d6cf176777364e9ae655ef0dfc240bafc2 Mon Sep 17 00:00:00 2001
From: Sage Vaillancourt <sagev9000@tutanota.com>
Date: Wed, 28 Jul 2021 22:04:24 -0400
Subject: [PATCH] Updated CSS styling and tweaked layout

---
 flaskr/static/styles.css      | 39 ++++++++++++++++++++++-------------
 flaskr/templates/writing.html |  4 ++--
 writing.py                    |  2 +-
 3 files changed, 28 insertions(+), 17 deletions(-)

diff --git a/flaskr/static/styles.css b/flaskr/static/styles.css
index dc15196..ee786b2 100644
--- a/flaskr/static/styles.css
+++ b/flaskr/static/styles.css
@@ -3,8 +3,6 @@ html {
 }
 
 body {
-  min-height: 90%;
-  text-size: 150%;
   line-height: 200%;
   margin-left: auto;
   margin-right: auto;
@@ -16,8 +14,8 @@ body {
 /* Small screens */
 @media only screen and (max-width: 1080px) {
   body {
-      width: 95vw;
-      font-size: 200%;
+    width: 95vw;
+    font-size: 200%;
   }
   h1 {
     font-size: 400%;
@@ -26,7 +24,7 @@ body {
     font-size: 300%;
     line-height: 100%;
     margin-top: 0;
-    margin-bottom: 0;
+    margin-bottom: 0.5em;
   }
   label {
     font-size: 150%;
@@ -36,7 +34,7 @@ body {
     width: 100%;
   }
   form {
-    width: 90%;
+    width: 100%;
   }
   dd {
     margin-bottom: 2em;
@@ -54,19 +52,26 @@ body {
 /* Big screens */
 @media only screen and (min-width: 1081px) {
   body {
-      width: 40vw;
+    min-height: 98%;
+    width: 40vw;
   }
   h1 {
-      font-size: 3em;
+    font-size: 300%;
+    margin-bottom: 0;
   }
-  .content, .ret {
-      font-size: 1.2em;
+  input, textarea {
+    margin-bottom: 0.5em;
+    font-size: 105%;
+    font-family: sans;
   }
-  img, small {
-      width: 30vw;
+  dd {
+    margin-left: 0;
   }
-  small {
-      font-size: 100%;
+  dt {
+    margin-left: 0.5em;
+  }
+  dl {
+    margin-top: 0;
   }
   #closingtext {
     width: 50%;
@@ -91,6 +96,7 @@ dd {
 
 textarea {
   flex-grow: 1;
+  padding: 0.5em;
 }
 
 .bigtext {
@@ -101,6 +107,11 @@ textarea {
   color: #a40f0f;
 }
 
+.submit {
+  margin-left: auto;
+  padding: 0.5em 1em 0.5em 1em;
+}
+
 #body {
   flex-grow: 1;
 }
diff --git a/flaskr/templates/writing.html b/flaskr/templates/writing.html
index 9a5e70b..d315d7a 100644
--- a/flaskr/templates/writing.html
+++ b/flaskr/templates/writing.html
@@ -80,11 +80,11 @@
   </div>
   {% endif %}
 
-  <p><input type=submit value="Submit"
+  <input class=submit type=submit value="Submit"
   {% if errors %}
   onclick="var e = document.getElementById('errors'); e.parentNode.removeChild(e);"
   {% endif %}
-  ></p>
+  >
 </form>
 </body>
 
diff --git a/writing.py b/writing.py
index 3dc8862..8ff8d5d 100644
--- a/writing.py
+++ b/writing.py
@@ -35,7 +35,7 @@ class CLForm(Form):
         default="I look forward to hearing from you"
     )
 
-    body_string = ("My name is {\\username}.  I would like to work as "
+    body_string = ("My name is {\\username}. I would like to work as "
     "{\\jobandpronoun} with your company.  I think my {\\skilltypes} knowledge "
     "of {\\myskills} can contribute a lot to your team.\n\n"