SHIBUI-876 Fixed issue with long email addresses wrapping

TIER · Oct 2, 2018 · 85a13c5 · 85a13c5
1 parent d161396
commit 85a13c5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/ui/src/app/metadata/domain/component/forms/finish-form.component.html b/ui/src/app/metadata/domain/component/forms/finish-form.component.html
@@ -52,7 +52,7 @@ <h3 class="tag tag-success tag-sm my-4">
                             <tbody>
                             <tr *ngFor="let contact of resolver.contacts">
                                 <td>{{ contact.name }}</td>
-                                <td>{{ contact.emailAddress }}</td>
+                                <td class="br-word">{{ contact.emailAddress }}</td>
                                 <td>{{ contact.type }}</td>
                             </tr>
                             </tbody>

diff --git a/ui/src/theme/typography.scss b/ui/src/theme/typography.scss
@@ -2,4 +2,8 @@
     font-size: 2.5rem;
     font-weight: normal;
     line-height: 1.2;
-}
+}
+
+.br-word {
+    word-break: break-word;
+}