Improve error display for generic errors

1 files changed, 17 insertions, 1 deletions

diff --git a/qc_app/static/css/styles.css b/qc_app/static/css/styles.css
index 79dab0e..67e8cb3 100644
--- a/qc_app/static/css/styles.css
+++ b/qc_app/static/css/styles.css
@@ -134,9 +134,13 @@ form fieldset:nth-child(odd) {
 }
 
 @media(min-width: 1250px) {
-    form, .explainer, .error-table {
+    form, .explainer {
 	width: 65ch;
     }
+
+    .error-table {
+	width: 85ch;
+    }
 }
 
 fieldset {
@@ -202,3 +206,15 @@ form fieldset legend {
     max-height: 250px;
     overflow: scroll;
 }
+
+.error-table {
+    display: block;
+    overflow: scroll;
+    max-height: 250px;
+    margin: 1em 0;
+}
+
+.error-table thead {
+    position: sticky;
+    top: 0;
+}