Fix key concept cards

brylie · Sep 9, 2024 · 8ecbf74 · 8ecbf74
1 parent 8257bab
commit 8ecbf74
Showing 1 changed file with 4 additions and 6 deletions.
diff --git 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>