From 8fa1b618ef645f00586b6a44f39bb164aac2ab1b Mon Sep 17 00:00:00 2001
From: PaulCooperWorkJustice <paul.cooper5@justice.gov.uk>
Date: Thu, 15 Aug 2024 12:54:50 +0100
Subject: [PATCH 1/2] Fix note word wrapping issue

---
 src/Server.UI/Pages/Participants/Components/CaseNotes.razor | 6 +++++-
 src/Server.UI/wwwroot/css/app.css                           | 5 +++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/Server.UI/Pages/Participants/Components/CaseNotes.razor b/src/Server.UI/Pages/Participants/Components/CaseNotes.razor
index 5199a0a5..84f3b635 100644
--- a/src/Server.UI/Pages/Participants/Components/CaseNotes.razor
+++ b/src/Server.UI/Pages/Participants/Components/CaseNotes.razor
@@ -24,6 +24,7 @@
                             </CardHeaderAvatar>
                             <CardHeaderContent>
                                 <MudText Typo="Typo.body1">
+
                                     @note.CreatedBy
                                 </MudText>
                                 <MudText Typo="Typo.body2">@note.CreatedByEmail</MudText>
@@ -34,8 +35,11 @@
                         </MudCardHeader>
                         <MudCardContent>
                             <MudText Typo="Typo.body1">
-                                @note.Message
+                                <div class="word-wrap">
+                                    @note.Message                                
+                                </div>
                             </MudText>
+                            
                         </MudCardContent>
                         <MudCardActions>
                             @note.Created.Humanize()
diff --git a/src/Server.UI/wwwroot/css/app.css b/src/Server.UI/wwwroot/css/app.css
index 0f5984b3..c987328f 100644
--- a/src/Server.UI/wwwroot/css/app.css
+++ b/src/Server.UI/wwwroot/css/app.css
@@ -101,4 +101,9 @@
 .description-pair dd {
     margin: 0;
     flex: 1;
+}
+
+.word-wrap {    
+    word-wrap: break-word;
+    white-space: normal;
 }
\ No newline at end of file

From 72624ce55be15f61c1116839453ca37392b20119 Mon Sep 17 00:00:00 2001
From: PaulCooperWorkJustice <paul.cooper5@justice.gov.uk>
Date: Thu, 15 Aug 2024 15:40:07 +0100
Subject: [PATCH 2/2] Add character count for notes as typed.  Also added extra
 lines to dialog box for visibility help.

---
 .../Pages/Participants/Components/AddNoteDialog.razor | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/Server.UI/Pages/Participants/Components/AddNoteDialog.razor b/src/Server.UI/Pages/Participants/Components/AddNoteDialog.razor
index 16c46736..d7d04f3d 100644
--- a/src/Server.UI/Pages/Participants/Components/AddNoteDialog.razor
+++ b/src/Server.UI/Pages/Participants/Components/AddNoteDialog.razor
@@ -14,8 +14,15 @@
                                       For="@(() => Model.Message)"
                                       ReadOnly="false"
                                       Required="true"
-                                      RequiredError="Message is required!">
+                                      RequiredError="Message is required!"
+                                      Lines="5"
+                                      MaxLength=@maxChars
+                                      Immediate="true"> 
                         </MudTextField>
+                        <MudText Color="Color.Secondary">
+                            @($"{Model.Message.Length}/{maxChars} characters")
+                        </MudText>
+                        
                     </MudItem>
                 </MudGrid>
             </MudForm>
@@ -30,7 +37,7 @@
 @code
 {
     private MudForm? form;
-
+    int maxChars = 255;
     [CascadingParameter] 
     private MudDialogInstance MudDialog { get; set; } = default!;