From 3fb8a4de897eabd3e85520358619af7abcbd7664 Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Fri, 23 Dec 2022 08:47:44 +0300
Subject: Help: Provide some help content for end user

---
 qc_app/static/css/styles.css | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

(limited to 'qc_app/static')

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;
-- 
cgit v1.2.3