From e954df4d8ef97b606f787e0381de658a7654095e Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Thu, 21 Oct 2021 23:46:34 +0200
Subject: [PATCH 1/3] Labels, wrap long text

CSS initial:
https://stackoverflow.com/questions/15901030/reset-remove-css-styles-for-element-only/15903168#15903168
---
 client/components/cards/labels.styl | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/components/cards/labels.styl b/client/components/cards/labels.styl
index 0e192e59f..6f131ced6 100644
--- a/client/components/cards/labels.styl
+++ b/client/components/cards/labels.styl
@@ -12,10 +12,11 @@
   padding: 3px 8px
   max-width: 210px
   min-width: 8px
-  overflow: ellipsis
   word-wrap: break-word
-  height: 18px
+  min-height: 18px
   vertical-align: bottom
+  white-space: initial
+  overflow: initial
 
   &:hover
     color: white

From e8c9222283cbf86e15c5881f0c0cc05aa41817f3 Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Fri, 22 Oct 2021 10:56:13 +0200
Subject: [PATCH 2/3] Labels in Card Details are now centered if the label is
 wrapped

---
 client/components/cards/cardDetails.styl | 4 ----
 client/components/cards/labels.styl      | 9 +++++----
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/client/components/cards/cardDetails.styl b/client/components/cards/cardDetails.styl
index 9d1be7f70..bc0bbc8a6 100644
--- a/client/components/cards/cardDetails.styl
+++ b/client/components/cards/cardDetails.styl
@@ -230,10 +230,6 @@ avatar-radius = 50%
     font-weight: bold
     color: #4d4d4d
 
-  .card-label
-    padding-top: 5px
-    padding-bottom: 5px
-
   .activities
     padding-top: 10px
 
diff --git a/client/components/cards/labels.styl b/client/components/cards/labels.styl
index 6f131ced6..78363e5de 100644
--- a/client/components/cards/labels.styl
+++ b/client/components/cards/labels.styl
@@ -2,6 +2,7 @@
 
 // XXX Use .board-widget-labels as a flexbox container
 .card-label
+  border: 1px solid #000000
   border-radius: 4px
   color: white  //Default white text, in select cases,  changed to black to improve contrast between label colour and text
   display: inline-block
@@ -14,7 +15,7 @@
   min-width: 8px
   word-wrap: break-word
   min-height: 18px
-  vertical-align: bottom
+  vertical-align: middle
   white-space: initial
   overflow: initial
 
@@ -28,12 +29,13 @@
 
   &.add-label
     box-shadow: 0 0 0 2px darken(white, 25%) inset
+    border: initial
 
     &:hover, &.is-active
       box-shadow: 0 0 0 2px darken(white, 60%) inset
 
-    i.fa-plus
-      margin-top: 3px
+  p
+    margin: 0px
 
 .palette-colors
   display: flex
@@ -48,7 +50,6 @@
 .card-label-white
   background-color: #ffffff
   color: #000000 //Black text for better visibility
-  border: 1px solid #c0c0c0
 
 .card-label-white:hover
   color: #aaaaaa //grey text for better visibility

From 2b33d7890c09267b5745bc3e8ef1f0f15735a1a6 Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Fri, 22 Oct 2021 10:56:51 +0200
Subject: [PATCH 3/3] Labels in Minicard are now centered if the label is
 wrapped

---
 client/components/cards/minicard.styl | 2 --
 1 file changed, 2 deletions(-)

diff --git a/client/components/cards/minicard.styl b/client/components/cards/minicard.styl
index 7f7c1c7ed..4bec9602a 100644
--- a/client/components/cards/minicard.styl
+++ b/client/components/cards/minicard.styl
@@ -80,8 +80,6 @@
 
   .minicard-labels
     float: none
-    display: flex
-    flex-wrap: wrap
 
     .minicard-label
       width: 11px