From d17ecf4e87dd6143a67ca2b2db3a89837304850e Mon Sep 17 00:00:00 2001
From: Robbie Davis <robbie@therobbiedavis.com>
Date: Tue, 1 Feb 2022 10:41:06 -0500
Subject: [PATCH] Fixing email link overflow (#1019)

# Fixed
- Fixed: Fixed an issue where the email link would extend past the modal.
---
 UI/Web/src/app/admin/invite-user/invite-user.component.html | 2 +-
 UI/Web/src/app/admin/invite-user/invite-user.component.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/UI/Web/src/app/admin/invite-user/invite-user.component.html b/UI/Web/src/app/admin/invite-user/invite-user.component.html
index 41954f2b7..034420235 100644
--- a/UI/Web/src/app/admin/invite-user/invite-user.component.html
+++ b/UI/Web/src/app/admin/invite-user/invite-user.component.html
@@ -30,7 +30,7 @@
 
         <ng-container *ngIf="emailLink !== '' && checkedAccessibility && !accessible">
             <p>Use this link to finish setting up the user account due to your server not being accessible outside your local network.</p>
-            <a href="{{emailLink}}" target="_blank">{{emailLink}}</a>
+            <a class="email-link" href="{{emailLink}}" target="_blank">{{emailLink}}</a>
         </ng-container>
     
         <div class="row no-gutters">
diff --git a/UI/Web/src/app/admin/invite-user/invite-user.component.scss b/UI/Web/src/app/admin/invite-user/invite-user.component.scss
index e69de29bb..8d2460659 100644
--- a/UI/Web/src/app/admin/invite-user/invite-user.component.scss
+++ b/UI/Web/src/app/admin/invite-user/invite-user.component.scss
@@ -0,0 +1,5 @@
+.email-link {
+    word-break: break-all;
+    margin-bottom: 15px;
+    display: block;
+}
\ No newline at end of file