From cad72026a80422fc2b8f58066bec06b7e16951b9 Mon Sep 17 00:00:00 2001
From: Ian Liu <81595625+ianliuwk1019@users.noreply.github.com>
Date: Wed, 4 Oct 2023 10:12:07 -0700
Subject: [PATCH] fix: #454 Increase email field maxlength to 100 (#466)

Increase email field maxlength to 100
---
 .../app/foms/public-notice/public-notice-edit.component.html  | 4 ++--
 .../app-public-notices/public-notices-panel.component.html    | 2 +-
 public/src/assets/styles/layout/layout.scss                   | 4 ++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/admin/src/app/foms/public-notice/public-notice-edit.component.html b/admin/src/app/foms/public-notice/public-notice-edit.component.html
index 0930339a5..715020690 100644
--- a/admin/src/app/foms/public-notice/public-notice-edit.component.html
+++ b/admin/src/app/foms/public-notice/public-notice-edit.component.html
@@ -195,11 +195,11 @@ <h1 class="text-muted">
       </div>
 
       <div class="row" >
-        <div class="form-group col-md-6">
+        <div class="form-group col-md-12">
           <label for="email" [ngClass]="{'required': editMode}">Email for Public Comment</label>
           <input type="text"
             id="email" name="email"
-            maxlength="50"
+            maxlength="100"
             [placeholder]="editMode? 'name@industry.com': ''"
             class="form-control"
             formControlName="email"/>
diff --git a/public/src/app/applications/app-public-notices/public-notices-panel.component.html b/public/src/app/applications/app-public-notices/public-notices-panel.component.html
index c11fd07aa..b5b7a391b 100644
--- a/public/src/app/applications/app-public-notices/public-notices-panel.component.html
+++ b/public/src/app/applications/app-public-notices/public-notices-panel.component.html
@@ -172,7 +172,7 @@ <h3 class="title">No public notices found.</h3>
 
       <div class="row">
         <div class="col-sm-4 bold">Email for Public Comment: </div>
-        <div class="col-sm-8">{{pn.email}}</div>
+        <div class="col-sm-8 word-wrap">{{pn.email}}</div>
       </div>
 
       <div class="validity-txt" *ngIf="pn.operationStartYear && pn.operationEndYear">
diff --git a/public/src/assets/styles/layout/layout.scss b/public/src/assets/styles/layout/layout.scss
index 07072ccea..4a9d1efb6 100644
--- a/public/src/assets/styles/layout/layout.scss
+++ b/public/src/assets/styles/layout/layout.scss
@@ -133,4 +133,8 @@ hr {
 
 .form-group {
   margin-bottom: 1rem
+}
+
+.word-wrap {
+  word-wrap: break-word;
 }
\ No newline at end of file