From 189270c9c2078e6f3da435e5627845d21b07d7c1 Mon Sep 17 00:00:00 2001
From: Sage Vaillancourt <sagev9000@tutanota.com>
Date: Thu, 22 Sep 2022 17:55:08 +0000
Subject: [PATCH] More stylish input labels.

Smaller subtitle
---
 flaskr/static/styles.css | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/flaskr/static/styles.css b/flaskr/static/styles.css
index fdc07d0..18b0976 100644
--- a/flaskr/static/styles.css
+++ b/flaskr/static/styles.css
@@ -20,6 +20,27 @@ h1 {
   user-select: none;
 }
 
+h2 {
+  font-size: 100%;
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+
+label {
+  font-size: 100%;
+  font-weight: bold;
+  color: #eee;
+  background-color: #757575;
+  padding-top: 0.15em;
+  padding-bottom: 0.15em;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+
+input, textarea {
+    font-family: sans;
+}
+
 /* Small screens */
 @media only screen and (max-width: 1080px) {
   body {
@@ -29,13 +50,7 @@ h1 {
     font-size: 300%;
   }
   h2 {
-    font-size: 200%;
     line-height: 100%;
-    margin-top: 0;
-    margin-bottom: 0.5em;
-  }
-  label {
-    font-size: 150%;
   }
   input {
     font-size: 200%;
@@ -69,7 +84,6 @@ h1 {
   input, textarea {
     margin-bottom: 0.5em;
     font-size: 105%;
-    font-family: sans;
   }
   dd {
     margin-left: 0;