From 0e3496395caa5d073b88cba105eaa2e9769efbdd Mon Sep 17 00:00:00 2001
From: Matteo Pagliazzi <matteopagliazzi@gmail.com>
Date: Tue, 29 May 2018 19:25:43 +0200
Subject: [PATCH] fix(challenges): fix display issues, fixes #10397

---
 website/client/components/challenges/challengeDetail.vue | 5 +++--
 website/client/components/challenges/challengeItem.vue   | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/website/client/components/challenges/challengeDetail.vue b/website/client/components/challenges/challengeDetail.vue
index 70b9ff2c60..1df8dadd7b 100644
--- a/website/client/components/challenges/challengeDetail.vue
+++ b/website/client/components/challenges/challengeDetail.vue
@@ -9,10 +9,10 @@
       .col-12.col-md-6
         h1(v-markdown='challenge.name')
         div
-          span.mr-1.ml-0
+          span.mr-1.ml-0.d-block
             strong(v-once) {{ $t('createdBy') }}:
             user-link.mx-1(:user="challenge.leader")
-          span.mr-1.ml-0(v-if="challenge.group && challenge.group.name !== 'Tavern'")
+          span.mr-1.ml-0.d-block(v-if="challenge.group && challenge.group.name !== 'Tavern'")
             strong(v-once) {{ $t(challenge.group.type) }}:
             group-link.mx-1(:group="challenge.group")
           // @TODO: make challenge.author a variable inside the createdBy string (helps with RTL languages)
@@ -84,6 +84,7 @@
 
   h1 {
     color: $purple-200;
+    margin-bottom: 8px;
   }
 
   .margin-left {
diff --git a/website/client/components/challenges/challengeItem.vue b/website/client/components/challenges/challengeItem.vue
index 059cabfd12..6a1aa512c2 100644
--- a/website/client/components/challenges/challengeItem.vue
+++ b/website/client/components/challenges/challengeItem.vue
@@ -51,7 +51,7 @@
     line-height: 1.5em;
     overflow: hidden;
     text-overflow: ellipsis;
-    word-break: break-all;
+    word-break: break-word;
   }
 </style>