From aeab9442769de5a641661fb168ca02e8b1fb5d2c Mon Sep 17 00:00:00 2001
From: Sofie Hofmann <29145005+sofie29@users.noreply.github.com>
Date: Wed, 9 Jun 2021 12:08:09 +0200
Subject: [PATCH] TSK-1652: Adapt view in WorkbasketDistributionTargets for
 long data

---
 ...workbasket-distribution-targets-list.component.html | 10 +++++-----
 ...workbasket-distribution-targets-list.component.scss |  9 +++++++++
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/web/src/app/administration/components/workbasket-distribution-targets-list/workbasket-distribution-targets-list.component.html b/web/src/app/administration/components/workbasket-distribution-targets-list/workbasket-distribution-targets-list.component.html
index 7babbbcb0..75dff1f6e 100644
--- a/web/src/app/administration/components/workbasket-distribution-targets-list/workbasket-distribution-targets-list.component.html
+++ b/web/src/app/administration/components/workbasket-distribution-targets-list/workbasket-distribution-targets-list.component.html
@@ -46,11 +46,11 @@
 
           <!-- INFO -->
           <div class="distribution-targets-list__item-info">
-            <p>
-              <b>{{workbasket.name}}</b>, <i>{{workbasket.key}} </i>
-            </p>
-            <p>{{workbasket.description}} &nbsp;</p>
-            <p>{{workbasket.owner}} &nbsp;</p>
+            <div class="distribution-targets-list__item--no-wrap">
+              <b>{{workbasket.name}}</b>, <i>{{workbasket.key}}</i>
+            </div>
+            <p class="distribution-targets-list__item--no-wrap">{{workbasket.description}}</p>
+            <p class="distribution-targets-list__item--no-wrap">{{workbasket.owner}}</p>
           </div>
 
           <!-- MARKED FOR DELETION -->
diff --git a/web/src/app/administration/components/workbasket-distribution-targets-list/workbasket-distribution-targets-list.component.scss b/web/src/app/administration/components/workbasket-distribution-targets-list/workbasket-distribution-targets-list.component.scss
index ef2fe8c08..7944a058c 100644
--- a/web/src/app/administration/components/workbasket-distribution-targets-list/workbasket-distribution-targets-list.component.scss
+++ b/web/src/app/administration/components/workbasket-distribution-targets-list/workbasket-distribution-targets-list.component.scss
@@ -57,6 +57,15 @@
     align-items: center;
     justify-content: center;
   }
+
+  &__item--no-wrap {
+    word-break: break-word;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+  }
 }
 
 .mat-list-item {