From aabf792b5bbc78a954a2ddcb4314699c635b94f4 Mon Sep 17 00:00:00 2001
From: Munyoki Kilyungi
Date: Wed, 27 Mar 2024 16:30:39 +0300
Subject: Add some styling to gnqa answer page.

Signed-off-by: Munyoki Kilyungi <me@bonfacemunyoki.com>
Co-authored-by: Alexander Kabui <alexanderkabua@gmail.com>
---
 gn2/wqflask/templates/gnqa.html | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

(limited to 'gn2/wqflask/templates/gnqa.html')

diff --git a/gn2/wqflask/templates/gnqa.html b/gn2/wqflask/templates/gnqa.html
index 5688655d..31a04aac 100644
--- a/gn2/wqflask/templates/gnqa.html
+++ b/gn2/wqflask/templates/gnqa.html
@@ -3,6 +3,7 @@
 
 {% block css %}
 <style>
+
  .htmx-indicator{
      display:none;
      opacity: 0;
@@ -53,6 +54,28 @@
  .answers {
      width: 75%;
  }
+
+ details > summary {
+     padding: 2px 6px;
+     width: 15em;
+     background-color: #ddd;
+     border: none;
+     box-shadow: 3px 3px 4px black;
+     cursor: pointer;
+ }
+
+ details > p {
+     border-radius: 0 0 10px 10px;
+     background-color: #ddd;
+     padding: 2px 6px;
+     margin: 0;
+     box-shadow: 3px 3px 4px black;
+ }
+
+ details[open] > summary {
+     background-color: #ccf;
+ }
+
 </style>
 {% endblock %}
 
-- 
cgit v1.2.3