From 5f8245ac7827e06f61cb9e750d38c9ea0bf239e3 Mon Sep 17 00:00:00 2001
From: Zarino Zappia <mail@zarino.co.uk>
Date: Fri, 26 Jul 2024 12:06:10 +0100
Subject: [PATCH] [Scorecards] Show number of graphics above section graphics
 gallery

---
 scoring/templates/scoring/section.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/scoring/templates/scoring/section.html b/scoring/templates/scoring/section.html
index 5afd5150..fd722575 100644
--- a/scoring/templates/scoring/section.html
+++ b/scoring/templates/scoring/section.html
@@ -130,13 +130,15 @@ <h3 class="fs-4 mb-0 text-center">
 
 {% if social_graphics %}
 <div class="container pt-5 pt-lg-6">
-    <div class="mb-4 d-flex align-items-center justify-content-between">
+    <div class="mb-2 d-flex align-items-center justify-content-between">
         <h3 class="mb-0">Key takeaways</h3>
       {% if social_graphics.zip %}
         <a class="btn btn-sm btn-outline-primary" href="{% static social_graphics.zip %}">Download all (.zip)</a>
       {% endif %}
     </div>
 
+    <p class="mb-4">{{ social_graphics.images|length|add:"1" }} infographics for you to download and share.</p>
+
     <div class="overflow-gallery gap-3">
       {% for image in social_graphics.images %}
         <div class="d-flex flex-column gap-3">