From 78577076c12ce4e1cdf4185de8a4578806d2c6fe Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 24 Nov 2025 12:44:55 +0000
Subject: [PATCH] Refactor discussion and report sections to use card layout
 for improved presentation and user interaction

---
 .../atlas/collection_case_view_take.html      | 36 +++++++++----------
 1 file changed, 16 insertions(+), 20 deletions(-)

diff --git a/atlas/templates/atlas/collection_case_view_take.html b/atlas/templates/atlas/collection_case_view_take.html
index e70d1e71..0232b3c0 100644
--- a/atlas/templates/atlas/collection_case_view_take.html
+++ b/atlas/templates/atlas/collection_case_view_take.html
@@ -156,28 +156,24 @@
     {% endif %}
 
     {% if show_discussion and case.discussion %}
-        <p>
-            <details>
-                <summary>
-                    Discussion:
-                </summary>
-                <div>
-                    {{case.discussion|linebreaks}}
-                </div>
-            </details>
-        </p>
+        <details class="card mb-3">
+            <summary class="card-header p-2" style="cursor: pointer;">
+                <strong>Discussion</strong>
+            </summary>
+            <div class="card-body p-2 small">
+                {{case.discussion|linebreaks}}
+            </div>
+        </details>
     {% endif %}
     {% if show_report and case.report %}
-        <p>
-            <details>
-                <summary>
-                    Report:
-                </summary>
-                <div>
-                    {{case.report|linebreaks}}
-                </div>
-            </details>
-        </p>
+        <details class="card mb-3">
+            <summary class="card-header p-2" style="cursor: pointer;">
+                <strong>Report</strong>
+            </summary>
+            <div class="card-body p-2 small">
+                {{case.report|linebreaks}}
+            </div>
+        </details>
     {% endif %}
 
     {% if question_completed %}