add masonry to various pages

diff --git a/app/festival/templates/festival/artist_detail.html b/app/festival/templates/festival/artist_detail.html
index 68b942214a33d70b181c929f29e0d52e85a79d25..d815a084a42fb5166f226ac9863a1072174faf3b 100644 (file)
--- a/app/festival/templates/festival/artist_detail.html
+++ b/app/festival/templates/festival/artist_detail.html
@@ -25,13 +25,12 @@
 <hr style="margin-top: 3rem;">
 {% if artist.events.all %}
 <h2 class="section__title">{% trans "Also discover" %}</h2> <br>
-
+<div class="msry__container">
+ <div class="msry__sizer"></div>
 {% for event in artist.events.all %}
  {% include 'agenda/includes/event_card.html' %}
 {% endfor %}
-
-<div class="row">
-    {% for event in artist.events.all %}
+{% for event in artist.events.all %}
     {% for video in event.videos.all %}
         {% include 'festival/inc/video_card.html' %}
     {% endfor %}

diff --git a/app/festival/templates/festival/video_detail.html b/app/festival/templates/festival/video_detail.html
index df77f05cb2e1df8fc69534b94a987657df5fbc45..78d06c598c9a6e0c658ad304cba467364452defa 100644 (file)
--- a/app/festival/templates/festival/video_detail.html
+++ b/app/festival/templates/festival/video_detail.html
@@ -24,10 +24,13 @@
 {% endwith %}
 
 <div class="video-event">
-    <h2 class="section__title">{% trans 'Related event' %}</h2>
+ <h2 class="section__title">{% trans 'Also discover' %}</h2>
+  <div class="msry__container">
+   <div class="msry__sizer"></div>
     {% with video.event as event %}
     {% include 'agenda/includes/event_card.html' %}
     {% endwith %}
 </div>
+</div>
 
 {% endblock %}

diff --git a/app/templates/agenda/event_detail.html b/app/templates/agenda/event_detail.html
index 5efd8e6d727f31c5d4adb1b1b9ff21fe4f79be3a..5279fa5585be6ba5289d804be0b95cbc208db5fd 100644 (file)
--- a/app/templates/agenda/event_detail.html
+++ b/app/templates/agenda/event_detail.html
@@ -156,24 +156,19 @@
 <hr style="margin-top: 3rem;">
 <h2 class="section__title">{% trans "Also discover" %}</h2>
 
+<div class="msry__container">
+ <div class="msry__sizer"></div>
 {% if event.artists.all %}
-<h3 class="section__title">{% trans "Artists" %}</h3>
-<div class="row">
     {% for artist in event.artists.all %}
         {% include "festival/inc/artist_card.html" %}
     {% endfor %}
-</div>
 {% endif %}
-
 {% if event.videos.all %}
-<h3 class="section__title">{% trans "Videos" %}</h3>
-<div class="row">
     {% for video in event.videos.all %}
         {% include 'festival/inc/video_card.html' %}
     {% endfor %}
-</div>
 {% endif %}
-
+</div>
 {% endblock %}
 
 {% block event_detail_comments %}