QOF change: use SQL view for student data display

1 files changed, 40 insertions, 0 deletions

diff --git a/ustayml/static/style.css b/ustayml/static/style.css
index 9246706..0ff4975 100644
--- a/ustayml/static/style.css
+++ b/ustayml/static/style.css
@@ -19,9 +19,26 @@ h5,
 h6 {
   font-family: serif;
   color: #377ba8;
+  margin: 0;
+}
+
+h1 {
+  font-size: 22pt;
   margin: 1rem 0;
 }
 
+h2 {
+  font-size: 18pt;
+}
+
+h3 {
+  font-size: 14pt;
+}
+
+p {
+  font-size: 12pt;
+}
+
 a {
   color: #377ba8;
 }
@@ -84,6 +101,7 @@ header .action {
   border-bottom: 1px solid lightgray;
   display: flex;
   align-items: flex-end;
+  margin-bottom: 1em;
 }
 
 .content > header h1 {
@@ -172,6 +190,28 @@ header .action {
   margin-right: 2em;
 }
 
+/* student.details */
+
+.student-details-container {
+  display: flex;
+  justify-content: space-between;
+  min-height: 20em;
+}
+
+.student-details-container > div {
+  padding: .5em;
+  border: 1px solid black;
+}
+
+.student-details-container > #information-left {
+  width: 40%;
+  margin-right: 1em;
+}
+
+.student-details-container > #information-right {
+  flex: auto;
+}
+
 /* post */
 
 .post > header {