From 86fb49a71c4711899504c8baf5257a594a5d0d34 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Mon, 26 Feb 2018 20:09:02 +0100
Subject: [PATCH] Masonry on request list

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

diff --git a/front/src/components/requests/RequestsList.vue b/front/src/components/requests/RequestsList.vue
index cb3e9af00..33ba04f53 100644
--- a/front/src/components/requests/RequestsList.vue
+++ b/front/src/components/requests/RequestsList.vue
@@ -34,8 +34,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="request in result.results"
           :key="request.id"