Help: Provide some help content for end user

1 files changed, 27 insertions, 2 deletions

diff --git a/qc_app/static/css/styles.css b/qc_app/static/css/styles.css
index d2071e6..c9f6737 100644
--- a/qc_app/static/css/styles.css
+++ b/qc_app/static/css/styles.css
@@ -10,12 +10,20 @@ label, legend {
     text-transform: capitalize;
 }
 
+#explainer {
+    font-family: Georgia, Garamond, serif;
+    font-style: normal;
+    font-size: 1.275em;
+}
+
 .heading {
     color: #FEFEFE;
     background-color: #336699;
     text-transform: capitalize;
-    border-radius: 5px;
+    border-radius: 5px 5px 0 0;
     padding-left: 0.5em;
+    font-weight: bold;
+    line-height: 1.5em;
 }
 
 fieldset {
@@ -108,6 +116,23 @@ table th,td {
     border-radius: 1em;
 }
 
+form {
+    border-radius: 5px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: #336699;
+}
+
+@media(min-width: 1250px) {
+    form {
+	width: 40%;
+    }
+
+    #explainer {
+	width: 65ch;
+    }
+}
+
 fieldset {
     border-style: none;
     display: grid;
@@ -132,7 +157,7 @@ input[disabled="true"],input[disabled="disabled"] {
     background-color: #F8D7DA;
 }
 
-form legend {
+form fieldset legend {
     padding-left: 3em;
     text-transform: capitalize;
     font-weight: bolder;