From ce4bbe5552cdfcefc415a8692a11c4b294496feb Mon Sep 17 00:00:00 2001
From: Matteo Pagliazzi <matteopagliazzi@gmail.com>
Date: Mon, 1 Jun 2020 17:35:52 +0200
Subject: [PATCH] fix(ui): make sure three columns of rewards are displayed +
 fix rewards top margin when no custom reward exists (#12257)

---
 website/client/src/components/tasks/column.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/website/client/src/components/tasks/column.vue b/website/client/src/components/tasks/column.vue
index de9c15c295..882c85a30f 100644
--- a/website/client/src/components/tasks/column.vue
+++ b/website/client/src/components/tasks/column.vue
@@ -80,6 +80,7 @@
       <draggable
         ref="tasksList"
         class="sortable-tasks"
+        v-if="taskList.length > 0"
         :options="{disabled: activeFilter.label === 'scheduled' || !isUser, scrollSensitivity: 64}"
         :delay-on-touch-only="true"
         :delay="100"
@@ -168,7 +169,7 @@
     @supports (display: grid) {
       display: grid;
       justify-content: center;
-      grid-column-gap: 16px;
+      grid-column-gap: 10px;
       grid-row-gap: 4px;
       grid-template-columns: repeat(auto-fill, 94px);
     }
@@ -177,7 +178,7 @@
       display: flex;
       flex-wrap: wrap;
       & > div {
-        margin: 0 16px 4px 0;
+        margin: 0 10px 4px 0;
       }
     }
   }