From dbb2d47425a63b1f28213ecfc3bfc5bacba5f3a4 Mon Sep 17 00:00:00 2001 From: Pea Tyczynska Date: Thu, 27 Aug 2020 15:42:35 +0100 Subject: [PATCH] Prevent user emails being cut off Make heading break on whitespace - it means if the combination of name and email address is too long for the line, email address will go underneath and be more visible. If email address too big for the allotted space, it will break onto the next line and all of it will be visible. --- app/assets/stylesheets/views/users.scss | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/app/assets/stylesheets/views/users.scss b/app/assets/stylesheets/views/users.scss index a7b126c4a..a30f04741 100644 --- a/app/assets/stylesheets/views/users.scss +++ b/app/assets/stylesheets/views/users.scss @@ -13,10 +13,8 @@ $item-top-padding: govuk-spacing(3); &-heading { padding-right: govuk-spacing(3); - white-space: nowrap; overflow: hidden; - text-overflow: ellipsis; - color: $secondary-text-colour; // So the ellipsis is grey + overflow-wrap: break-word; .heading-small { color: $black;