diff --git a/src/app/components/shared/_dialogs/present-comment/present-comment.component.html b/src/app/components/shared/_dialogs/present-comment/present-comment.component.html index 2821f44cd9cb9d2a48670fe4ae68669758a34519..9a210632eddbe49abbc0ee80d0b10cb2bf4afe85 100644 --- a/src/app/components/shared/_dialogs/present-comment/present-comment.component.html +++ b/src/app/components/shared/_dialogs/present-comment/present-comment.component.html @@ -12,5 +12,7 @@ <mat-icon >exit_to_app</mat-icon> </button> <div id="comment"> - {{body}} + <p> + {{body}} + </p> </div> diff --git a/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss b/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss index b08d1d39f9418ef75ebfc6ba588cd560647a88be..c8501415fd7037d0eae795072f6ee769aaa50689 100644 --- a/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss +++ b/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss @@ -6,7 +6,15 @@ min-height: 90vh; font-size: 2.1em; margin: 5%; - word-break: break-all; +} + +#comment p { + overflow-wrap: break-word; + word-wrap: break-word; + -webkit-hyphens: auto; + -ms-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; } #exitButton {