From 7b9792c2f408d5f3c2774f9c25b4877e64ebf96e Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Mon, 26 Feb 2018 20:10:35 +0100
Subject: [PATCH] Masonry on radios list

---
 front/src/components/library/Radios.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/front/src/components/library/Radios.vue b/front/src/components/library/Radios.vue
index 1952908ff..303ce100e 100644
--- a/front/src/components/library/Radios.vue
+++ b/front/src/components/library/Radios.vue
@@ -36,8 +36,16 @@
         </div>
       </div>
       <div class="ui hidden divider"></div>
-      <div v-if="result" class="ui stackable three column grid">
+      <div
+        v-if="result"
+        v-masonry
+        transition-duration="0"
+        item-selector=".column"
+        percent-position="true"
+        stagger="0"
+        class="ui stackable three column doubling grid">
         <div
+          v-masonry-tile
           v-if="result.results.length > 0"
           v-for="radio in result.results"
           :key="radio.id"