From 8ecbf74279503c5af8e5281765f374347f6ddde7 Mon Sep 17 00:00:00 2001
From: Brylie Christopher Oxley <brylie@protonmail.com>
Date: Mon, 9 Sep 2024 16:41:14 +0000
Subject: [PATCH] Fix key concept cards

---
 app/lessons/templates/lessons/chat_summary.html | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/lessons/templates/lessons/chat_summary.html b/app/lessons/templates/lessons/chat_summary.html
index a4a9a88..2dd0826 100644
--- a/app/lessons/templates/lessons/chat_summary.html
+++ b/app/lessons/templates/lessons/chat_summary.html
@@ -12,15 +12,13 @@ <h2 id="key-concepts-heading" class="mt-5 mb-3"><i class="bi bi-lightbulb-fill">
         <div class="row row-cols-1 row-cols-md-3 g-4">
             {% for concept in key_concepts %}
                 <div class="col">
-                    <div class="h-100">
+                    <div class="card h-100">
                         {% if concept.image %}
                             {% image concept.image width-1024 as concept_image %}
-                            <img src="{{ concept_image.url }}" class="img-fluid rounded" alt="{{ concept.concept }}" style="object-fit: cover; height: 200px;">
+                            <img src="{{ concept_image.url }}" class="card-img-top" alt="{{ concept.concept }}" style="object-fit: cover; height: 200px;">
                         {% endif %}
-                        <div class="p-2">
-                            <p class="mb-0 text-center">
-                                {{ concept.concept }}
-                            </p>
+                        <div class="card-body">
+                            <p class="card-text text-center mb-0">{{ concept.concept }}</p>
                         </div>
                     </div>
                 </div>