diff --git a/src/app/form/orientation-form-view/global-components/orientation-recap/orientation-recap.component.scss b/src/app/form/orientation-form-view/global-components/orientation-recap/orientation-recap.component.scss index 98ece57109f8ac5c1e35f60733d25b108d93948e..44c344c6fd5051f5acd959e9f7d40ea5f1f6838f 100644 --- a/src/app/form/orientation-form-view/global-components/orientation-recap/orientation-recap.component.scss +++ b/src/app/form/orientation-form-view/global-components/orientation-recap/orientation-recap.component.scss @@ -14,7 +14,12 @@ flex-direction: column; gap: 32px; margin-top: 32px; - width: 600px; + width: 100vw; + max-width: 600px; + overflow-wrap: anywhere; + ::ng-deep button { + overflow-wrap: break-word; + } @media print { gap: 24px; margin-top: 24px; diff --git a/src/app/form/orientation-form-view/orientation-form-view.component.scss b/src/app/form/orientation-form-view/orientation-form-view.component.scss index 5eb102d867e46bd922bda41b06cd47a1d991d189..e59c89f0f070ae24380e3415431a2e3b2e0c0c12 100644 --- a/src/app/form/orientation-form-view/orientation-form-view.component.scss +++ b/src/app/form/orientation-form-view/orientation-form-view.component.scss @@ -75,7 +75,7 @@ div.titleform { display: flex; flex-direction: column; gap: 40px; - width: 100%; + width: 100vw; max-width: 600px; } diff --git a/src/app/shared/components/print-header/print-header.component.scss b/src/app/shared/components/print-header/print-header.component.scss index f1759e0fae4dc286fa0a2c7ee02faa8787481f18..a754f7dbe067fc8b537b8064df2c1bc511fea44d 100644 --- a/src/app/shared/components/print-header/print-header.component.scss +++ b/src/app/shared/components/print-header/print-header.component.scss @@ -13,7 +13,8 @@ } .container { - width: 600px; + width: 100vw; + max-width: 600px; @media print { width: 100%; } diff --git a/src/app/shared/components/textarea/textarea.component.scss b/src/app/shared/components/textarea/textarea.component.scss index 01fe84bad24ac40a7fdd9aedc632449747a31bdb..9e7268b2f785bfee075032ea30fc8da6e0064d50 100644 --- a/src/app/shared/components/textarea/textarea.component.scss +++ b/src/app/shared/components/textarea/textarea.component.scss @@ -4,7 +4,8 @@ .inputContainer { display: flex; flex-direction: column; - width: 600px; + width: 100vw; + max-width: 600px; &.disabled { cursor: not-allowed; label {