From e3d52169d7ad241a7c54f6c626bf1a2f65c1b90c Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Sun, 31 Oct 2021 14:55:13 +0100
Subject: [PATCH] Card labels on minicard withouth text are now at the same
 line again

Fixes: https://github.com/wekan/wekan/pull/4073#pullrequestreview-793677680
---
 client/components/cards/minicard.jade | 2 +-
 client/components/cards/minicard.styl | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/components/cards/minicard.jade b/client/components/cards/minicard.jade
index c03b7fb4a..ab7f83670 100644
--- a/client/components/cards/minicard.jade
+++ b/client/components/cards/minicard.jade
@@ -9,7 +9,7 @@ template(name="minicard")
     if cover
       .minicard-cover(style="background-image: url('{{cover.url}}');")
     if labels
-      .minicard-labels
+      .minicard-labels(class="{{#if hiddenMinicardLabelText}}minicard-labels-no-text{{/if}}")
         each labels
           unless hiddenMinicardLabelText
             span.js-card-label.card-label(class="card-label-{{color}}" title=name)
diff --git a/client/components/cards/minicard.styl b/client/components/cards/minicard.styl
index 4bec9602a..516eabe9a 100644
--- a/client/components/cards/minicard.styl
+++ b/client/components/cards/minicard.styl
@@ -88,6 +88,10 @@
       margin-right: 3px
       margin-bottom: 3px
 
+  .minicard-labels-no-text
+    display: flex
+    flex-wrap: wrap
+
   .minicard-custom-fields
     display:block;
   .minicard-custom-field