From f9810ce2b9e20e4bd4433ab1b7c3ef1187c0e79a Mon Sep 17 00:00:00 2001
From: Sage Vaillancourt <sagev9000@tutanota.com>
Date: Thu, 29 Sep 2022 16:22:31 -0400
Subject: [PATCH] Tweak label style for better visual hierarchy.

Username -> Your Name
---
 undercover/routes.py         |  4 ++--
 undercover/static/styles.css | 20 ++++++++++++++------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/undercover/routes.py b/undercover/routes.py
index 33fe488..60d90a3 100644
--- a/undercover/routes.py
+++ b/undercover/routes.py
@@ -14,7 +14,7 @@ import undercover.db as db
 import undercover.email as email
 from undercover.pdf_builder import CLData
 
-writing_blueprint = Blueprint('writing', __name__,)
+writing_blueprint = Blueprint('writing', __name__)
 
 
 class CLForm(Form):
@@ -32,7 +32,7 @@ class CLForm(Form):
     )
 
     username = StringField(
-        'Username:',
+        'Your Name:',
         [validators.Length(min=4, max=99)],
         default="Sage"
     )
diff --git a/undercover/static/styles.css b/undercover/static/styles.css
index 27b033b..d9602a5 100644
--- a/undercover/static/styles.css
+++ b/undercover/static/styles.css
@@ -67,11 +67,19 @@ h2 {
 }
 
 label {
+  font-family: /*'Source Sans Pro', TODO: Host or link this */ sans-serif;
+  /* font-weight: bold; Re-enable with above font */
   font-size: 100%;
-  font-weight: bold;
-  color: #eee;
-  background-color: #757575;
+  color: #777;
   padding: 0.15em 0.5em;
+  transition-property: color, background-color;
+  transition-duration: 135ms;
+  transition-timing-function: ease-out;
+}
+
+label:hover {
+  color: white;
+  background-color: #222;
 }
 
 input, textarea {
@@ -128,7 +136,7 @@ div.user form input {
   background-color: white;
   transition-property: color, background-color;
   transition-duration: 135ms;
-  transition-timing-function: ease-in;
+  transition-timing-function: ease-out;
 }
 
 .white-black-button:hover {
@@ -144,7 +152,7 @@ div.user form input {
   background-color: black;
   transition-property: color, background-color;
   transition-duration: 135ms;
-  transition-timing-function: ease-in;
+  transition-timing-function: ease-out;
 }
 
 .black-white-button:hover {
@@ -246,7 +254,7 @@ textarea {
     line-height: 100%;
   }
   input {
-    font-size: 200%;
+    font-size: 150%;
     width: 100%;
   }
   .letter-form {