From 22ef0cad3cfe4a0464b00624835372f2734ec154 Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Sat, 10 Feb 2024 07:37:43 +0300
Subject: Improve error display for generic errors

---
 qc_app/static/css/styles.css | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

(limited to 'qc_app/static/css')

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