From 1f9d21f290f6a4a30172ff40762c87a3719e1a10 Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Fri, 15 Oct 2021 09:34:40 +0200
Subject: [PATCH] Use grid to display galleries

---
 .../templates/photologue/gallery_detail.html       | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/photologue_custom/templates/photologue/gallery_detail.html b/photologue_custom/templates/photologue/gallery_detail.html
index f9f0819..2000729 100644
--- a/photologue_custom/templates/photologue/gallery_detail.html
+++ b/photologue_custom/templates/photologue/gallery_detail.html
@@ -61,14 +61,12 @@
             {% endfor %}
         </ul>
     </div>
-    <div class="card-body">
-        <div id="lightgallery">
-            {% for photo in photos %}
-            <a href="{{ photo.get_absolute_url }}" data-src="{{ photo.get_display_url }}" data-download-url="{{ photo.image.url }}">
-                <img src="{{ photo.get_thumbnail_url }}" class="img-thumbnail" alt="{{ photo.title }}{% if photo.date_taken %} - {{ photo.date_taken|date }} {{ photo.date_taken|time }}{% endif %} - {{ photo.extended.owner.get_full_name }}">
-            </a>
-            {% endfor %}
-        </div>
+    <div class="card-body row" id="lightgallery">
+        {% for photo in photos %}
+        <a class="col-6 col-md-3 mb-2 text-center" href="{{ photo.get_absolute_url }}" data-src="{{ photo.get_display_url }}" data-download-url="{{ photo.image.url }}">
+            <img src="{{ photo.get_thumbnail_url }}" class="img-thumbnail" alt="{{ photo.title }}{% if photo.date_taken %} - {{ photo.date_taken|date }} {{ photo.date_taken|time }}{% endif %} - {{ photo.extended.owner.get_full_name }}">
+        </a>
+        {% endfor %}
     </div>
     <div class="card-footer">
         <a href="{% url 'gallery-download' gallery.slug %}" class="btn btn-secondary btn-sm">{% trans 'Download all gallery' %}</a>